.root-view-bg[data-v-7a7c0dac] {
	background-color: #fff
}

.not-found-view[data-v-7a7c0dac] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 4rem
}

.where-is-panfish[data-v-7a7c0dac] {
	position: relative;
	width: 52rem;
	max-width: 70%;
	padding-top: 48%
}

.where-is-panfish .elem[data-v-7a7c0dac] {
	position: absolute;
	top: 35%;
	left: 50%
}

.where-is-panfish .bg[data-v-7a7c0dac] {
	width: 77.724%;
	transform: translate(-50%, -50%)
}

.where-is-panfish .panfish[data-v-7a7c0dac] {
	width: 20.994%;
	transform: translate(-55%, 32%);
	animation: panfish-data-v-7a7c0dac 2s ease-in-out infinite alternate
}

.where-is-panfish .sea[data-v-7a7c0dac] {
	width: 99.199%;
	transform: translate(-50%, 75.3%);
	opacity: .7
}

.where-is-panfish .spray[data-v-7a7c0dac] {
	width: 40.545%;
	transform: translate(-55%, 162%);
	opacity: .4
}

@-moz-keyframes panfish-data-v-7a7c0dac {
	0% {
		transform: translate(-55%, 30%)
	}

	to {
		transform: translate(-55%, 36%)
	}
}

@-webkit-keyframes panfish-data-v-7a7c0dac {
	0% {
		transform: translate(-55%, 30%)
	}

	to {
		transform: translate(-55%, 36%)
	}
}

@-o-keyframes panfish-data-v-7a7c0dac {
	0% {
		transform: translate(-55%, 30%)
	}

	to {
		transform: translate(-55%, 36%)
	}
}

@keyframes panfish-data-v-7a7c0dac {
	0% {
		transform: translate(-55%, 30%)
	}

	to {
		transform: translate(-55%, 36%)
	}
}

.index-link[data-v-7a7c0dac] {
	display: block;
	margin-top: 2rem;
	padding: 1.1rem 2rem;
	font-size: 1.5rem;
	color: #fff;
	background-color: #007fff;
	border-radius: 5px
}

.emoji-barrage .full-screen[data-v-3d5178a6] {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1001;
	overflow: hidden
}

.emoji-inner-screen[data-v-3d5178a6] {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translate3d(-100%, -100%, 0)
}

.emoji-inner-screen .template[data-v-3d5178a6] {
	position: relative;
	width: 100%;
	height: 100%
}

.emojin-inner-screen__0.animate[data-v-3d5178a6] {
	animation: left-data-v-3d5178a6 6s ease-in
}

.emojin-inner-screen__1.animate[data-v-3d5178a6] {
	animation: normal-data-v-3d5178a6 6s ease-in
}

.emojin-inner-screen__2.animate[data-v-3d5178a6] {
	animation: right-data-v-3d5178a6 6s ease-in
}

@-moz-keyframes left-data-v-3d5178a6 {
	0% {
		transform: translate3d(-50%, -100%, 0)
	}

	to {
		transform: translate3d(0, 100%, 0)
	}
}

@-webkit-keyframes left-data-v-3d5178a6 {
	0% {
		transform: translate3d(-50%, -100%, 0)
	}

	to {
		transform: translate3d(0, 100%, 0)
	}
}

@-o-keyframes left-data-v-3d5178a6 {
	0% {
		transform: translate3d(-50%, -100%, 0)
	}

	to {
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes left-data-v-3d5178a6 {
	0% {
		transform: translate3d(-50%, -100%, 0)
	}

	to {
		transform: translate3d(0, 100%, 0)
	}
}

@-moz-keyframes normal-data-v-3d5178a6 {
	0% {
		transform: translate3d(0, -100%, 0)
	}

	to {
		transform: translate3d(0, 100%, 0)
	}
}

@-webkit-keyframes normal-data-v-3d5178a6 {
	0% {
		transform: translate3d(0, -100%, 0)
	}

	to {
		transform: translate3d(0, 100%, 0)
	}
}

@-o-keyframes normal-data-v-3d5178a6 {
	0% {
		transform: translate3d(0, -100%, 0)
	}

	to {
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes normal-data-v-3d5178a6 {
	0% {
		transform: translate3d(0, -100%, 0)
	}

	to {
		transform: translate3d(0, 100%, 0)
	}
}

@-moz-keyframes right-data-v-3d5178a6 {
	0% {
		transform: translate3d(50%, -100%, 0)
	}

	to {
		transform: translate3d(0, 100%, 0)
	}
}

@-webkit-keyframes right-data-v-3d5178a6 {
	0% {
		transform: translate3d(50%, -100%, 0)
	}

	to {
		transform: translate3d(0, 100%, 0)
	}
}

@-o-keyframes right-data-v-3d5178a6 {
	0% {
		transform: translate3d(50%, -100%, 0)
	}

	to {
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes right-data-v-3d5178a6 {
	0% {
		transform: translate3d(50%, -100%, 0)
	}

	to {
		transform: translate3d(0, 100%, 0)
	}
}

.iconfont[data-v-2c688f9e] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-2c688f9e]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-2c688f9e]:before {
	content: "\e601"
}

.mark-star-masker[data-v-2c688f9e] {
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	padding-left: 30px;
	padding-right: 30px;
	box-sizing: border-box;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.mark-star-masker .top-panel[data-v-2c688f9e] {
	padding-top: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.mark-star-masker .poster[data-v-2c688f9e] {
	width: 100px
}

.mark-star-masker .poster img[data-v-2c688f9e] {
	width: 100%;
	box-shadow: 0 10px 25px 0 rgba(93, 93, 93, .3)
}

.mark-star-masker .star-content[data-v-2c688f9e] {
	text-align: center
}

.mark-star-masker .star-content .heading[data-v-2c688f9e] {
	margin-top: 25px;
	font-size: 27px;
	color: #232323;
	font-weight: 700
}

.mark-star-masker .star-content .name[data-v-2c688f9e] {
	margin-top: 10px;
	font-size: 16px;
	color: #5d7084;
	font-weight: 700
}

.mark-star-masker .star-panel[data-v-2c688f9e] {
	margin-top: 20px;
	display: flex
}

.mark-star-masker .star-panel .star[data-v-2c688f9e] {
	width: 23px;
	height: 23px;
	margin-right: 12px;
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/star.4db4048.svg);
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
	cursor: pointer
}

.mark-star-masker .star-panel .star.star-selected[data-v-2c688f9e] {
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/star-selected.4c987d6.svg);
	background-size: contain
}

.mark-star-masker .star-panel .star-title[data-v-2c688f9e] {
	color: #e88200;
	font-size: 17px;
	line-height: 25px
}

.mark-star-masker .text-content[data-v-2c688f9e] {
	margin-top: 15px
}

.mark-star-masker .text-content textarea[data-v-2c688f9e] {
	-webkit-overflow-scrolling: touch;
	overflow: auto;
	appearance: none;
	text-align: justify;
	width: 100%;
	box-sizing: border-box;
	height: 110px;
	padding: 12px;
	border-radius: 2px;
	font-size: 16px;
	outline: none;
	border: 1px solid rgba(93, 112, 132, .2);
	color: #5d7084;
	resize: none
}

.mark-star-masker .remark[data-v-2c688f9e] {
	margin-top: 10px;
	font-size: 12px;
	color: #5d7084
}

.mark-star-masker .bottom[data-v-2c688f9e] {
	text-align: center;
	margin-top: 30px
}

.mark-star-masker .bottom .submit-btn[data-v-2c688f9e] {
	width: 160px;
	height: 40px;
	line-height: 30px;
	font-size: 16px
}

.mark-star-masker .bottom .submit-btn[data-v-2c688f9e]:disabled {
	opacity: .5
}

.status-wrap[data-v-2c688f9e] {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center
}

.status-wrap .inner[data-v-2c688f9e] {
	width: 120px;
	height: 120px;
	background-color: rgba(0, 0, 0, .7);
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	font-size: 13px;
	border-radius: 10px
}

.status-wrap .inner.success[data-v-2c688f9e] {
	padding-top: 30px
}

.status-wrap .inner.success img[data-v-2c688f9e] {
	width: 50px
}

.status-wrap .inner.success p[data-v-2c688f9e] {
	margin-top: 12px
}

.status-wrap .inner.fail[data-v-2c688f9e] {
	padding-top: 20px
}

.status-wrap .inner.fail img[data-v-2c688f9e] {
	width: 10px
}

.status-wrap .inner.fail p[data-v-2c688f9e] {
	margin-top: 8px
}

@media (orientation:landscape) {
	.mark-star-masker .bottom[data-v-2c688f9e] {
		margin-bottom: 15px
	}
}

.iconfont[data-v-6b710012] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-6b710012]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-6b710012]:before {
	content: "\e601"
}

.book-handle[data-v-6b710012] {
	position: fixed;
	width: 100%;
	left: 50%;
	bottom: 0;
	height: 50px;
	background-color: #fff;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: env(safe-area-inset-bottom)
}

.book-handle[data-v-6b710012]:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	transform-origin: 0 0;
	transform: scaleY(.5);
	border-top: 1px solid #ddd
}

.book-handle .step-btn[data-v-6b710012] {
	-webkit-appearance: none;
	cursor: pointer;
	position: absolute;
	top: 0;
	z-index: 10;
	width: 30px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	user-select: none;
	background-color: transparent;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent
}

.book-handle .step-btn.step-btn--prev[data-v-6b710012] {
	left: 30px
}

.book-handle .step-btn.step-btn--prev[data-v-6b710012]:before {
	content: "";
	width: 0;
	height: 0;
	border-color: transparent #007fff transparent transparent;
	border-style: solid;
	border-width: 8px 10px 8px 0
}

.book-handle .step-btn.step-btn--prev[data-v-6b710012]:disabled:before {
	border-color: transparent #ddd transparent transparent
}

.book-handle .step-btn.step-btn--next[data-v-6b710012] {
	right: 30px
}

.book-handle .step-btn.step-btn--next[data-v-6b710012]:before {
	content: "";
	width: 0;
	height: 0;
	border-color: transparent transparent transparent #007fff;
	border-style: solid;
	border-width: 8px 0 8px 10px
}

.book-handle .step-btn.step-btn--next[data-v-6b710012]:disabled:before {
	border-color: transparent transparent transparent #ddd
}

.book-handle .menu-btn[data-v-6b710012] {
	width: 18px
}

.book-handle .menu-btn img[data-v-6b710012] {
	display: block;
	width: 100%
}

.iconfont[data-v-72405b36] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-72405b36]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-72405b36]:before {
	content: "\e601"
}

.cash-account-wrap[data-v-72405b36] {
	min-height: 100vh;
	background-color: #fff
}

.cash-account-wrap .deal-list .deal[data-v-72405b36] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 13px;
	padding-right: 13px;
	height: 60px;
	position: relative
}

.cash-account-wrap .deal-list .deal[data-v-72405b36]:before {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	border-top: 1px solid #ddd;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(.5);
	-ms-transform: scaleY(.5);
	transform: scaleY(.5);
	z-index: 2
}

.cash-account-wrap .deal-list .deal .content .status[data-v-72405b36] {
	font-weight: 700;
	font-size: 17px
}

.cash-account-wrap .deal-list .deal .content .date[data-v-72405b36] {
	font-size: 13px;
	color: #838383;
	margin-top: 5px
}

.cash-account-wrap .deal-list .deal .side[data-v-72405b36] {
	font-size: 18px;
	font-weight: 500
}

.cash-account-wrap .deal-list .deal .side.income[data-v-72405b36] {
	color: #08a319
}

.cash-account-wrap .deal-empty[data-v-72405b36] {
	display: flex;
	justify-content: center;
	height: 100vh;
	min-height: 300px
}

.cash-account-wrap .deal-empty .inner[data-v-72405b36] {
	padding-top: 100px
}

.cash-account-wrap .deal-empty .inner img[data-v-72405b36] {
	width: 100px;
	display: block
}

.cash-account-wrap .deal-empty .inner p[data-v-72405b36] {
	text-align: center;
	color: #ccc;
	font-size: 15px;
	margin-top: 30px
}

.iconfont[data-v-a108e308] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-a108e308]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-a108e308]:before {
	content: "\e601"
}

.bills-wrap[data-v-a108e308] {
	font-size: 14px;
	width: 100%
}

.bills-flex[data-v-a108e308] {
	display: flex;
	align-items: center
}

.bills-header[data-v-a108e308] {
	background-color: #eef1f6;
	border-bottom: 1px solid #dfe6ec
}

.table-body[data-v-a108e308] {
	background-color: #fff
}

.col-title[data-v-a108e308] {
	flex-shrink: 0;
	width: 400px;
	padding: 5px 10px
}

.col-1[data-v-a108e308] {
	width: 10%;
	flex-shrink: 0
}

.col-100[data-v-a108e308] {
	flex-shrink: 0;
	width: 120px
}

div[class^=col][data-v-a108e308] {
	min-height: 40px;
	border-right: 1px solid #dfe6ec;
	align-self: stretch;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box
}

.sales-header[data-v-a108e308] {
	align-self: stretch;
	flex-shrink: 0;
	width: 800px
}

.second-title[data-v-a108e308] {
	height: 35px;
	line-height: 35px;
	border-right: 1px solid #dfe6ec
}

.second-title[data-v-a108e308],
.table-body>.flex[data-v-a108e308] {
	border-bottom: 1px solid #dfe6ec
}

.iconfont[data-v-eb6ebd90] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-eb6ebd90]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-eb6ebd90]:before {
	content: "\e601"
}

.bills-wrap[data-v-eb6ebd90] {
	font-size: 14px;
	width: 100%
}

.bills-flex[data-v-eb6ebd90] {
	display: flex;
	align-items: center
}

.bills-header[data-v-eb6ebd90] {
	background-color: #eef1f6;
	border-bottom: 1px solid #dfe6ec
}

.table-body[data-v-eb6ebd90] {
	background-color: #fff
}

.col-title[data-v-eb6ebd90] {
	flex-shrink: 0;
	width: 400px;
	padding: 5px 10px
}

.col-1[data-v-eb6ebd90] {
	width: 10%;
	flex-shrink: 0
}

.col-100[data-v-eb6ebd90] {
	flex-shrink: 0;
	width: 120px
}

div[class^=col][data-v-eb6ebd90] {
	min-height: 40px;
	border-right: 1px solid #dfe6ec;
	align-self: stretch;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box
}

.sales-header[data-v-eb6ebd90] {
	align-self: stretch;
	flex-shrink: 0;
	width: 800px
}

.second-title[data-v-eb6ebd90] {
	height: 35px;
	line-height: 35px;
	border-right: 1px solid #dfe6ec
}

.second-title[data-v-eb6ebd90],
.table-body>.flex[data-v-eb6ebd90] {
	border-bottom: 1px solid #dfe6ec
}

.iconfont[data-v-698755b2] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-698755b2]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-698755b2]:before {
	content: "\e601"
}

.book-income-bills-view[data-v-698755b2] {
	width: 3120px
}

.bills-menu[data-v-698755b2] {
	display: flex;
	background-color: #fff;
	font-size: 16px
}

.bills-menu.bills-menu--month[data-v-698755b2] {
	width: 100%;
	overflow: auto;
	font-size: 14px
}

.bills-menu.bills-menu--month .item[data-v-698755b2] {
	height: 30px;
	line-height: 30px
}

.bills-menu.bills-menu--month .item.selected[data-v-698755b2] {
	cursor: default;
	color: #007fff;
	box-shadow: none
}

.bills-menu .item[data-v-698755b2] {
	height: 50px;
	line-height: 50px;
	min-width: 90px;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	color: #111;
	cursor: pointer
}

.bills-menu .item.selected[data-v-698755b2] {
	cursor: default;
	color: #007fff;
	box-shadow: inset 0 -2px 0 #3780f7
}

.bills-csv-download[data-v-698755b2] {
	position: fixed;
	right: 30px;
	top: 0;
	height: 50px;
	line-height: 50px;
	color: #007fff
}

.iconfont[data-v-ca725d48] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-ca725d48]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-ca725d48]:before {
	content: "\e601"
}

.link[data-v-ca725d48] {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #ccc;
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat
}

.iconfont[data-v-09d8a28c] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-09d8a28c]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-09d8a28c]:before {
	content: "\e601"
}

.banner[data-v-09d8a28c] {
	position: relative
}

.banner .view-box[data-v-09d8a28c] {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%
}

.banner .btn[data-v-09d8a28c] {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	width: 4rem;
	height: 100%;
	font-size: 1.8rem;
	color: #000;
	cursor: pointer;
	color: #fff
}

.banner .btn[data-v-09d8a28c]:hover {
	opacity: .6
}

.banner .btn.prev-btn[data-v-09d8a28c] {
	left: 0
}

.banner .btn.next-btn[data-v-09d8a28c] {
	right: 0
}

.indicators[data-v-09d8a28c] {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 4rem;
	right: 4rem;
	bottom: 20px
}

.indicators li[data-v-09d8a28c] {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 1px solid #fff;
	cursor: pointer;
	box-shadow: 1px 1px 1px rgba(50, 50, 50, .1)
}

.indicators li[data-v-09d8a28c]:not(:last-child) {
	margin-right: 5px
}

.indicators li.active[data-v-09d8a28c],
.indicators li[data-v-09d8a28c]:hover {
	border: 1px solid #007fff;
	background-color: #007fff
}

.fade-enter-active[data-v-09d8a28c],
.fade-leave-active[data-v-09d8a28c] {
	position: absolute;
	left: 0;
	width: 100%;
	transition: all .25s ease
}

.fade-enter-to[data-v-09d8a28c],
.fade-leave[data-v-09d8a28c] {
	transform: translateX(0)
}

.transition--prev .fade-leave-to[data-v-09d8a28c] {
	transform: translateX(100%)
}

.transition--next .fade-leave-to[data-v-09d8a28c],
.transition--prev .fade-enter[data-v-09d8a28c] {
	transform: translateX(-100%)
}

.transition--next .fade-enter[data-v-09d8a28c] {
	transform: translateX(100%)
}

.iconfont[data-v-6f900f0a] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-6f900f0a]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-6f900f0a]:before {
	content: "\e601"
}

.calendar .calendar-month[data-v-6f900f0a] {
	height: 30px;
	padding-bottom: 5px;
	padding-top: 5px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	cursor: default
}

.calendar .calendar-month .time-text[data-v-6f900f0a] {
	width: 82px;
	font-size: 14px;
	color: #007fff;
	font-weight: 700;
	text-align: center
}

.calendar .calendar-month .arrow-left[data-v-6f900f0a] {
	cursor: pointer;
	width: 50px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.calendar .calendar-month .arrow-left[data-v-6f900f0a]:before {
	display: block;
	content: "";
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-right-color: #007fff
}

.calendar .calendar-month .arrow-left[data-v-6f900f0a]:active:before,
.calendar .calendar-month .arrow-left[data-v-6f900f0a]:hover:before {
	border-color: transparent #003486 transparent transparent
}

.calendar .calendar-month .arrow-right[data-v-6f900f0a] {
	cursor: pointer;
	width: 50px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: .8
}

.calendar .calendar-month .arrow-right[data-v-6f900f0a]:before {
	display: block;
	content: "";
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-left-color: #007fff
}

.calendar .calendar-month .arrow-right[data-v-6f900f0a]:active:before,
.calendar .calendar-month .arrow-right[data-v-6f900f0a]:hover:before {
	border-color: transparent transparent transparent #003486
}

.calendar .calendar-week[data-v-6f900f0a] {
	padding-left: 10px;
	padding-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 20px;
	background-color: #007fff;
	color: #fff;
	text-align: center;
	font-size: 12px
}

.calendar .calendar-week span[data-v-6f900f0a] {
	flex-grow: 1
}

.calendar .calendar-days[data-v-6f900f0a] {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	display: flex;
	flex-wrap: wrap;
	text-align: center
}

.calendar .calendar-days .day[data-v-6f900f0a] {
	cursor: pointer;
	width: 14.28571%;
	box-sizing: border-box;
	padding-bottom: 5px;
	padding-top: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	flex-direction: column
}

.calendar .calendar-days .day .txt[data-v-6f900f0a] {
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #72777b;
	font-size: 13px;
	opacity: .4
}

.calendar .calendar-days .day .events[data-v-6f900f0a] {
	height: 5px;
	margin-top: 3px;
	display: flex;
	justify-content: center;
	align-items: center
}

.calendar .calendar-days .day .events span.ev[data-v-6f900f0a] {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #007fff
}

.calendar .calendar-days .day .events span.ev[data-v-6f900f0a]:not(:last-child) {
	margin-right: 3px
}

.calendar .calendar-days .day .events-panel[data-v-6f900f0a] {
	display: none;
	position: absolute;
	width: 168px;
	top: 100%;
	z-index: 1;
	margin-top: 2px;
	border: 1px solid #007fff;
	background-color: #fff;
	border-radius: 2px;
	padding: 10px
}

.calendar .calendar-days .day .events-panel[data-v-6f900f0a]:before {
	content: "";
	border-color: transparent transparent #007fff;
	border-style: solid;
	border-width: 0 6px 6px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -6px)
}

.calendar .calendar-days .day .events-panel .events-inner[data-v-6f900f0a] {
	max-height: 75px;
	overflow: hidden
}

.calendar .calendar-days .day .events-panel .msg[data-v-6f900f0a] {
	line-height: 15px;
	font-size: 12px;
	display: flex;
	align-items: center
}

.calendar .calendar-days .day .events-panel .msg .link[data-v-6f900f0a] {
	color: #007fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.calendar .calendar-days .day .events-panel .msg[data-v-6f900f0a]:before {
	display: block;
	flex-shrink: 0;
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #003386;
	overflow: hidden;
	margin-right: 5px
}

.calendar .calendar-days .day:hover .events span.ev[data-v-6f900f0a] {
	background-color: #007fff
}

.calendar .calendar-days .day:hover .events-panel[data-v-6f900f0a] {
	display: block
}

.calendar .calendar-days .day.holiday .txt[data-v-6f900f0a] {
	color: #007fff
}

.calendar .calendar-days .day.cur-month .txt[data-v-6f900f0a] {
	opacity: 1
}

.calendar .calendar-days .day.cur-day .txt[data-v-6f900f0a] {
	border-radius: 50%;
	color: #fff;
	background-color: #007fff
}

.iconfont[data-v-135c162a] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-135c162a]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-135c162a]:before {
	content: "\e601"
}

.events[data-v-135c162a] {
	cursor: pointer;
	width: 25%;
	padding-left: 7px;
	padding-right: 7px;
	box-sizing: border-box;
	transition: all .2s linear;
	position: relative;
	margin-bottom: 30px
}

.events[data-v-135c162a]:before {
	content: "";
	position: absolute;
	left: 7px;
	right: 7px;
	top: 0;
	bottom: 0;
	z-index: -1;
	border-radius: 2px;
	overflow: hidden;
	background-color: #fff;
	transition: all .2s linear;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .15)
}

.events[data-v-135c162a]:hover {
	transform: translateY(-3px)
}

.events[data-v-135c162a]:hover:before {
	box-shadow: 0 7px 15px rgba(0, 0, 0, .1)
}

.events .events-inner[data-v-135c162a] {
	border-radius: 2px;
	overflow: hidden;
	color: #333
}

.events .events-inner .banner[data-v-135c162a] {
	padding-top: 58.82%;
	background-color: #ccc;
	background-repeat: no-repeat
}

.message[data-v-135c162a] {
	padding: 20px 12px 15px
}

.message span[data-v-135c162a] {
	vertical-align: middle
}

.message .icon[data-v-135c162a] {
	width: 16px;
	height: 16px;
	margin-right: 5px;
	display: inline-block;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain
}

.message .icon.icon-calendar[data-v-135c162a] {
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/calendar.8e47027.png)
}

.message .icon.icon-location[data-v-135c162a] {
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/location.dc6395a.png)
}

.message .title[data-v-135c162a] {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 40px;
	font-size: 14px;
	font-weight: 700
}

.message .date[data-v-135c162a] {
	margin-top: 6px
}

.message .bottom[data-v-135c162a] {
	margin-top: 6px;
	display: flex;
	justify-content: space-between
}

.message .bottom .address[data-v-135c162a] {
	display: flex;
	align-items: center
}

.message .bottom .btn-join[data-v-135c162a] {
	width: 100px;
	height: 25px;
	border-radius: 30px;
	background-color: #4d91fd;
	line-height: 25px;
	color: #fff;
	text-align: center
}

.message .bottom .btn-join.btn-detail[data-v-135c162a] {
	background-color: #aaa
}

@media (max-width:960px) {
	.events[data-v-135c162a] {
		width: 33.33%
	}
}

@media (max-width:720px) {
	.events[data-v-135c162a] {
		width: 50%
	}
}

@media (max-width:480px) {
	.events[data-v-135c162a] {
		width: 100%
	}
}

.iconfont[data-v-10540936] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-10540936]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-10540936]:before {
	content: "\e601"
}

.content[data-v-10540936] {
	min-height: calc(100vh - 188px)
}

.nav-list[data-v-10540936] {
	position: relative
}

.nav-list .nav-item.right[data-v-10540936] {
	position: absolute;
	top: 0;
	right: 0
}

.nav-list .nav-item.right .link[data-v-10540936] {
	display: flex;
	align-items: center
}

.nav-list .more-city[data-v-10540936] {
	cursor: pointer;
	position: relative;
	font-size: 1.16rem;
	color: #71777c;
	padding: 0 1rem;
	height: 100%;
	margin-right: 10px
}

.nav-list .more-city:hover .txt[data-v-10540936] {
	color: #007fff
}

.nav-list .more-city:hover .txt[data-v-10540936]:after {
	transform: rotate(-180deg)
}

.nav-list .more-city:hover .menu[data-v-10540936] {
	display: block
}

.nav-list .more-city .txt[data-v-10540936] {
	display: flex;
	height: 100%;
	align-items: center
}

.nav-list .more-city .txt span[data-v-10540936] {
	margin-right: 5px
}

.nav-list .more-city .txt[data-v-10540936]:after {
	display: block;
	content: "";
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	border-color: #72777b transparent transparent;
	border-style: solid;
	border-width: 6px 6px 0;
	transform-origin: center center;
	transition: transform .25s linear
}

.nav-list .more-city .menu[data-v-10540936] {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	min-width: 100px;
	border-radius: 2px;
	background-color: #fff;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15)
}

.nav-list .more-city .menu span[data-v-10540936] {
	padding-left: 10px;
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	cursor: pointer
}

.nav-list .more-city .menu span.route-active[data-v-10540936],
.nav-list .more-city .menu span[data-v-10540936]:hover {
	background-color: #f9f9f9;
	color: #007fff
}

.panel[data-v-10540936] {
	height: 280px;
	display: flex
}

.panel .banner[data-v-10540936] {
	flex-shrink: 0;
	width: 470px;
	min-width: 320px;
	height: 280px;
	background-color: #fff;
	border-radius: 2px;
	overflow: hidden;
	box-shadow: 1px 1px 1px rgba(50, 50, 50, .1)
}

.panel .calendar[data-v-10540936] {
	flex-shrink: 0;
	width: 475px;
	margin-left: 15px;
	position: relative
}

.panel .calendar[data-v-10540936]:after {
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	position: absolute;
	content: "";
	background-color: #fff;
	border-radius: 2px;
	overflow: hidden;
	z-index: -1;
	box-shadow: 1px 1px 1px rgba(50, 50, 50, .1)
}

.events-empty[data-v-10540936] {
	margin-top: 35px;
	text-align: center;
	color: #666;
	font-size: 13px
}

.events-wrap[data-v-10540936] {
	overflow: hidden;
	width: 100%
}

.events-list[data-v-10540936] {
	margin-top: 35px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin-left: -7px;
	margin-right: -7px
}

.copy-right[data-v-10540936] {
	text-align: center;
	font-size: 14px;
	opacity: .7;
	color: #3a4e64;
	margin-bottom: 40px
}

.copy-right a[data-v-10540936] {
	color: inherit
}

@media (max-width:720px) {

	.nav-list .more-city[data-v-10540936],
	.nav-list .nav-item.right[data-v-10540936] {
		display: none
	}
}

@media (max-width:960px) {
	.panel .banner[data-v-10540936] {
		width: 100%
	}

	.panel .calendar[data-v-10540936] {
		display: none
	}

	.panel .events-list[data-v-10540936] {
		margin-left: 0;
		margin-right: 0
	}
}

.reset-password-form[data-v-dccf24e2] {
	padding: 4rem 3rem;
	font-size: 1.16rem;
	background-color: #fff;
	border-radius: 2px;
	box-sizing: border-box
}

.title[data-v-dccf24e2] {
	margin: 0;
	font-size: 2rem;
	text-align: center
}

.form-body[data-v-dccf24e2] {
	margin-top: 3rem;
	text-align: center
}

.input[data-v-dccf24e2] {
	margin: 0;
	padding: .5rem 0;
	font-size: 1.1em;
	border: none;
	border-bottom: 1px solid #eee;
	outline: none
}

.input.full-width[data-v-dccf24e2] {
	width: 100%
}

.btn[data-v-dccf24e2] {
	padding: .8rem 1.6rem;
	color: #fff;
	background-color: #007fff;
	border-radius: 2px;
	border: none;
	outline: none
}

.input-group[data-v-dccf24e2]:not(:first-child) {
	margin-top: 2rem
}

.submit-btn[data-v-dccf24e2] {
	margin-top: 3rem;
	width: 100%
}

.index-link[data-v-dccf24e2] {
	display: inline-block;
	margin: 1.5rem auto 0;
	color: #007fff;
	text-decoration: none
}

.message[data-v-dccf24e2] {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 3rem 0;
	background-color: #fff;
	z-index: 1
}

.set-new-password-form[data-v-4cb829df] {
	margin: 6rem auto;
	width: 40rem;
	max-width: 100%
}

.iconfont[data-v-764aced4] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-764aced4]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-764aced4]:before {
	content: "\e601"
}

.published-view[data-v-764aced4] {
	width: 960px;
	margin-top: 24px;
	margin-left: auto;
	margin-right: auto
}

.published-view .thanks[data-v-764aced4] {
	height: 70px;
	padding-top: 150px;
	text-align: center;
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/panfish.ded05ef.png);
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 100px;
	font-size: 16px;
	color: #666
}

.published-view .share-content[data-v-764aced4] {
	margin-left: 100px;
	margin-right: 100px;
	padding: 40px 20px 60px;
	background-color: #fff;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
	margin-bottom: 10px
}

.published-view .share-content .title[data-v-764aced4] {
	font-size: 24px;
	text-align: center;
	margin-bottom: 60px;
	display: block;
	color: inherit;
	text-decoration: underline
}

.published-view .share-content .share-list[data-v-764aced4] {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px
}

.published-view .share-content .share-list .item[data-v-764aced4] {
	position: relative;
	border-radius: 20px;
	border: 1px solid #e0e0e0;
	background-color: #fff;
	font-size: 1rem;
	padding: .27rem 1.74rem;
	cursor: pointer;
	margin: .4rem .6rem .4rem 10px;
	line-height: 2rem;
	display: inline-block;
	vertical-align: middle
}

.published-view .share-content .share-list .item .inline[data-v-764aced4] {
	height: 16px;
	vertical-align: middle;
	margin-right: .6rem
}

.published-view .share-content .share-list .item.weibo img.inline[data-v-764aced4] {
	height: 20px
}

.published-view .share-content .share-list .item.wechat .qr-code[data-v-764aced4] {
	position: absolute;
	top: 120%;
	left: 50%;
	width: 10rem;
	height: 10rem;
	border: .5rem solid #fff;
	box-shadow: 0 .5em .5em #ddd;
	transform: translate(-50%);
	display: none;
	z-index: 1
}

.published-view .share-content .share-list .item.wechat:hover .qr-code[data-v-764aced4] {
	display: block;
	image-rendering: -webkit-optimize-contrast
}

.published-view .handle[data-v-764aced4] {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-top: 40px
}

.published-view .handle button[data-v-764aced4] {
	width: 140px;
	height: 40px;
	font-size: 16px
}

.published-view .handle .back-text[data-v-764aced4] {
	margin-top: 20px;
	font-size: 16px;
	color: #007fff;
	cursor: pointer
}

.nav-list[data-v-8497a08a] {
	display: flex
}

.view-nav[data-v-8497a08a] {
	background-color: #f8f9fa
}

.nav-item .unread-count[data-v-8497a08a] {
	display: inline-block;
	margin-left: .2em;
	padding: .4rem .7rem;
	line-height: 1;
	text-align: center;
	color: #f1f1f1;
	background-color: #007fff;
	border-radius: 2rem;
	transform: scale(.8)
}

.nav-item.active[data-v-8497a08a],
.nav-item[data-v-8497a08a]:hover {
	box-shadow: inset 0 -2px currentColor
}

.view-nav .nav-list .nav-item[data-v-8497a08a] {
	padding: 0 1rem
}

.notification-list[data-v-8497a08a] {
	border-radius: 2px
}

.setting-view[data-v-e7bebb34] {
	margin-bottom: 2rem;
	width: 58rem;
	max-width: 100%
}

.sub-view-box[data-v-e7bebb34] {
	position: relative;
	padding: 2.7rem 4rem 7rem;
	background-color: #fff;
	border-radius: 2px
}

@media (max-width:600px) {
	.sub-view-box[data-v-e7bebb34] {
		padding: 1rem
	}
}

.sub-view-box[data-v-e7bebb34] .setting-list .item {
	display: flex;
	align-items: center;
	padding: 2rem 0;
	border-top: 1px solid #f1f1f1
}

.sub-view-box[data-v-e7bebb34] .setting-list .item:last-child {
	border-bottom: 1px solid #f1f1f1
}

.sub-view-box[data-v-e7bebb34] .setting-list .item .title {
	font-size: 1.2rem;
	color: #333;
	width: 10rem
}

.sub-view-box[data-v-e7bebb34] .setting-list .item .action-box {
	margin-left: 1rem
}

@media (max-width:600px) {
	.sub-view-box[data-v-e7bebb34] .setting-list .item {
		flex-direction: column;
		align-items: flex-start
	}

	.sub-view-box[data-v-e7bebb34] .setting-list .item .action-box .icon,
	.sub-view-box[data-v-e7bebb34] .setting-list .item>.icon {
		display: none
	}

	.sub-view-box[data-v-e7bebb34] .setting-list .item .title {
		padding-bottom: 1rem;
		font-size: 1.4rem
	}

	.sub-view-box[data-v-e7bebb34] .setting-list .item .input-box {
		width: 100%
	}

	.sub-view-box[data-v-e7bebb34] .setting-list .item .account.empty:after {
		content: "未绑定";
		color: #999
	}
}

.bind-email-modal-box[data-v-0dc09a60] {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .3);
	z-index: 500
}

.bind-email-form[data-v-0dc09a60] {
	position: relative;
	padding: 2rem;
	width: 26.5rem;
	max-width: 100%;
	font-size: 1.167rem;
	background-color: #fff;
	border-radius: 2px;
	box-sizing: border-box
}

.close-btn[data-v-0dc09a60] {
	float: right;
	cursor: pointer;
	opacity: .4
}

.close-btn[data-v-0dc09a60]:hover {
	opacity: 1
}

.title[data-v-0dc09a60] {
	font-size: 1.5rem;
	margin: 0 0 2rem
}

.input-group[data-v-0dc09a60] {
	margin-bottom: 1.5rem;
	overflow: hidden
}

.input-box[data-v-0dc09a60] {
	position: relative;
	margin-bottom: .8rem
}

.input[data-v-0dc09a60] {
	padding: 1rem;
	width: 100%;
	border: 1px solid #e9e9e9;
	border-radius: 2px;
	outline: none;
	box-sizing: border-box
}

.input[data-v-0dc09a60]:focus {
	border-color: #007fff
}

.btn[data-v-0dc09a60] {
	width: 100%;
	height: 3.334rem;
	color: #fff;
	background-color: #007fff;
	border-radius: 2px;
	outline: none;
	box-sizing: border-box;
	cursor: pointer
}

.btn[data-v-0dc09a60]:disabled {
	background-color: #909090;
	cursor: default
}

.setting-list .item>.icon[data-v-0410a928] {
	margin-right: .5em;
	height: 1.4em;
	vertical-align: bottom
}

.setting-list .item .account[data-v-0410a928] {
	flex: 1 1 auto;
	font-size: 1.167rem;
	color: #909090
}

.setting-list .item .input-box[data-v-0410a928] {
	flex: 1 1 auto;
	display: flex
}

.setting-list .item .btn[data-v-0410a928] {
	padding: 0;
	font-size: 1.2rem;
	color: #007fff;
	background-color: transparent;
	white-space: nowrap
}

.setting-list .item .btn .icon[data-v-0410a928] {
	margin-right: .6rem;
	height: 1.5rem;
	vertical-align: bottom
}

.password-input[data-v-6d1c9989] {
	display: flex;
	justify-content: flex-end;
	flex: 1
}

.btn[data-v-6d1c9989] {
	background-color: transparent;
	color: #007fff;
	font-size: 1.2rem;
	padding: 0
}

.btn.cancel-btn[data-v-6d1c9989] {
	color: #666
}

.btn .icon[data-v-6d1c9989] {
	vertical-align: bottom;
	height: 1.5rem;
	margin-right: .6rem
}

.input[data-v-6d1c9989] {
	flex: 1;
	display: inline-block;
	border: none;
	outline: none;
	color: #909090;
	font-size: 1.3rem
}

.submit-btn[data-v-5974b7dd] {
	float: right;
	margin: 1.5rem 0 0;
	padding: .8rem 1.4rem;
	font-size: 1.333rem;
	color: #fff;
	background-color: #007fff
}

.submit-btn[data-v-5974b7dd]:disabled {
	background-color: #ddd
}

.iconfont[data-v-bee30b1c] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-bee30b1c]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-bee30b1c]:before {
	content: "\e601"
}

.setting-invitation-view .invitation-section .invite-title[data-v-bee30b1c] {
	font-size: 1.3rem;
	line-height: 2;
	color: #000;
	font-weight: 600
}

.setting-invitation-view .invitation-section .line[data-v-bee30b1c] {
	height: 1px;
	background-color: hsla(0, 0%, 59.2%, .1);
	margin-top: 1rem;
	margin-bottom: 1rem
}

.setting-invitation-view .invitation-section .content[data-v-bee30b1c] {
	font-size: 1.3rem;
	color: rgba(0, 0, 0, .8);
	line-height: 1.7;
	margin-bottom: 2rem
}

.setting-invitation-view .invitation-section .invitation-form .label[data-v-bee30b1c] {
	font-size: 1.3rem;
	color: rgba(0, 0, 0, .8);
	line-height: 2.4rem;
	margin-bottom: .6rem;
	font-weight: 700
}

.setting-invitation-view .invitation-section .invitation-form .form-input[data-v-bee30b1c] {
	width: 25rem;
	margin-bottom: .8rem;
	padding: .9rem;
	box-shadow: none;
	border: 1px solid #ddd;
	border-radius: 2px;
	background-color: #fff;
	transition: border .3s;
	font-size: 1.3rem;
	color: #333
}

.setting-invitation-view .invitation-section .invitation-form .form-input[data-v-bee30b1c]:focus,
.setting-invitation-view .invitation-section .invitation-form .form-input[data-v-bee30b1c]:hover {
	border-color: #007fff
}

.setting-invitation-view .invitation-section .invitation-form .send-btn[data-v-bee30b1c] {
	margin: .5rem 0 3rem;
	padding: .6rem 1.6rem;
	font-size: 1.3rem
}

.setting-invitation-view .invitation-section .invitation-form .send-btn[data-v-bee30b1c]:hover {
	background-color: #0371df
}

.setting-invitation-view .invitation-section .invitation-form .send-btn.disable[data-v-bee30b1c] {
	background-color: hsla(0, 0%, 56.5%, .3);
	cursor: not-allowed
}

@media (max-width:600px) {
	.invitation .settings-container[data-v-bee30b1c] {
		width: 100%;
		padding: 1.3rem 2rem
	}

	.invitation .invitation-section .line[data-v-bee30b1c] {
		width: 100%;
		margin: 1rem auto
	}
}

.mail-inner[data-v-43aaafba] {
	font-size: 14px
}

.mail-inner .switch[data-v-43aaafba] {
	margin-top: 30px
}

.mail-inner .switch .radio-group[data-v-43aaafba] {
	display: inline-flex
}

.mail-inner .switch .radio-group+.radio-group[data-v-43aaafba] {
	margin-left: 25px
}

.view-nav[data-v-0c3e9995] {
	position: fixed;
	top: 5rem;
	left: 0;
	width: 100%;
	height: 46px;
	background-color: #fff;
	z-index: 100
}

.view-nav .nav-list[data-v-0c3e9995] {
	width: 960px;
	height: 100%;
	margin: auto;
	display: flex
}

.view-nav .nav-list .nav-item[data-v-0c3e9995] {
	align-items: center;
	display: flex;
	font-size: 1.16rem;
	font-weight: 600;
	padding: 0 2.5rem;
	border-bottom: 2px solid transparent;
	transition: border-bottom .3s, color .3s
}

.view-nav .nav-list .nav-item.active[data-v-0c3e9995],
.view-nav .nav-list .nav-item[data-v-0c3e9995]:hover {
	border-bottom-color: #007fff
}

.view-nav .nav-list .nav-item.active a[data-v-0c3e9995] {
	color: #007fff
}

.root-view-bg[data-v-0c3e9995] {
	background-color: #fff
}

.feedback-view[data-v-619ca1b5] {
	margin: 0 auto
}

.feedback-tips[data-v-619ca1b5] {
	position: fixed;
	top: 40%;
	left: 0;
	width: 100%;
	transform: translateY(-40%);
	text-align: center
}

.feedback-tips p[data-v-619ca1b5] {
	font-size: 1.4rem;
	color: #909090;
	line-height: 1
}

.feedback-tips button[data-v-619ca1b5] {
	font-size: 1.2rem;
	padding: .8rem 1.5rem
}

.lazy[data-v-6466d561] {
	position: relative
}

.lazy[data-v-6466d561]:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: inherit;
	border-radius: inherit
}

.lazy[data-v-6466d561]:not(.immediate):before {
	transition: opacity .2s
}

.lazy.loaded[data-v-6466d561]:before {
	opacity: 0;
	pointer-events: none
}

.iconfont[data-v-69dba682] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-69dba682]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-69dba682]:before {
	content: "\e601"
}

.topic-item[data-v-69dba682] {
	display: flex;
	flex-grow: 0;
	padding: 1.5rem 1.2rem;
	align-items: flex-start
}

.icon[data-v-69dba682] {
	position: relative;
	width: 6rem;
	height: 6rem;
	border-radius: 1rem;
	margin-right: 2%;
	background-size: cover;
	background-repeat: no-repeat
}

.icon .count[data-v-69dba682] {
	position: absolute;
	top: -1rem;
	right: -1rem;
	margin: 0;
	padding: .4rem .67rem;
	font-size: 1rem;
	line-height: 1;
	text-align: center;
	color: #f1f1f1;
	background-color: #007fff;
	border-radius: 3rem;
	border: 2px solid #fff;
	word-break: normal
}

.content[data-v-69dba682] {
	color: #8a9aa9;
	width: 12rem;
	max-width: 12rem;
	letter-spacing: normal;
	text-align: left;
	margin-left: 1.2rem;
	display: flex;
	flex-direction: column
}

.content a[data-v-69dba682],
.content span[data-v-69dba682] {
	justify-content: center
}

a[data-v-69dba682] {
	font-weight: 600;
	color: #2e3135;
	font-size: 1.4rem
}

span[data-v-69dba682] {
	padding-top: .5rem;
	font-size: 1.1rem
}

.subscribe[data-v-69dba682] {
	cursor: pointer
}

.followed[data-v-69dba682] {
	color: #37c701
}

em[data-v-69dba682] {
	font-style: normal
}

.iconfont[data-v-9c4473c2] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-9c4473c2]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-9c4473c2]:before {
	content: "\e601"
}

.topic-list[data-v-9c4473c2] {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 2rem
}

.topic-list .title[data-v-9c4473c2] {
	padding: 0 1.2rem;
	text-align: left;
	font-size: 2rem;
	color: #0e0e0e;
	font-weight: 600;
	margin: 2rem 0
}

.topic-list .list[data-v-9c4473c2] {
	display: flex;
	flex-direction: row;
	max-width: 920px;
	flex-wrap: wrap
}

.skeleton-row[data-v-7cd16dd8] {
	margin-bottom: .8rem;
	height: 1.2rem;
	background-color: #f3f3f3
}

.skeleton-avatar[data-v-7cd16dd8] {
	border-radius: 50%;
	background-color: #f3f3f3
}

.topic-skeleton[data-v-7cd16dd8] {
	padding: 0 1.2rem;
	width: 100%
}

.topic-skeleton .title[data-v-7cd16dd8] {
	margin: 2rem 0 2rem 1.2rem;
	width: 8.2rem;
	text-align: left;
	background-color: #f3f3f3
}

.topic-skeleton .title span[data-v-7cd16dd8] {
	font-size: 2rem;
	font-weight: 600;
	opacity: 0
}

.topic-skeleton .list[data-v-7cd16dd8] {
	display: flex;
	flex-direction: row;
	max-width: 920px;
	flex-wrap: wrap
}

.topic-skeleton .list .topic-item[data-v-7cd16dd8] {
	display: flex;
	flex-grow: 0;
	padding: 1.5rem 1.2rem;
	align-items: flex-start
}

.topic-skeleton .list .topic-item .icon[data-v-7cd16dd8] {
	margin-right: 2%;
	width: 6rem;
	height: 6rem;
	border-radius: 1rem;
	background-color: #f3f3f3
}

.topic-skeleton .list .topic-item .content[data-v-7cd16dd8] {
	margin-left: 1.2rem;
	width: 12rem
}

.topic-skeleton .list .topic-item .content .skeleton-row.s[data-v-7cd16dd8] {
	width: 30%
}

.topic-skeleton .list .topic-item .content .skeleton-row.m[data-v-7cd16dd8] {
	width: 60%
}

.iconfont[data-v-5730f1ea] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-5730f1ea]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-5730f1ea]:before {
	content: "\e601"
}

.topic-view[data-v-5730f1ea] {
	max-width: 920px;
	margin-top: 1.5rem;
	padding: 0 1.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 6rem
}

.root-view-bg[data-v-5730f1ea] {
	background-color: #fff
}

.book-sticky-footer[data-v-4637e687] {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
	z-index: 100;
	background-color: #fff;
	padding-bottom: env(safe-area-inset-bottom)
}

.book-sticky-footer[data-v-4637e687]:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 1px;
	border-top: 1px solid #ddd;
	transform-origin: 0 0;
	transform: scaleY(.5);
	z-index: 2
}

.book-sticky-footer .box[data-v-4637e687] {
	display: flex;
	justify-content: center;
	align-items: center
}

.book-sticky-footer .box .item[data-v-4637e687] {
	padding-top: 5px;
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 0;
	text-align: center;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent
}

.book-sticky-footer .box .item .icon[data-v-4637e687] {
	margin-left: auto;
	margin-right: auto;
	width: 25px;
	height: 25px
}

.book-sticky-footer .box .item .icon .active[data-v-4637e687] {
	display: none
}

.book-sticky-footer .box .item img[data-v-4637e687] {
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.book-sticky-footer .box .item.router-link-exact-active .icon .normal[data-v-4637e687] {
	display: none
}

.book-sticky-footer .box .item.router-link-exact-active .icon .active[data-v-4637e687] {
	display: block
}

.book-sticky-footer .box .item.router-link-exact-active .title[data-v-4637e687] {
	color: #007fff
}

.book-sticky-footer .box .item .title[data-v-4637e687] {
	font-size: 12px;
	margin-top: 2px
}

.iconfont[data-v-31a8df16] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-31a8df16]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-31a8df16]:before {
	content: "\e601"
}

.wechat-quick-login[data-v-31a8df16] {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .3);
	z-index: 500
}

.wechat-quick-login .quick-box[data-v-31a8df16] {
	max-width: 100%;
	min-width: 280px;
	margin-left: 10px;
	margin-top: -20px;
	margin-right: 10px;
	background-color: #fff;
	border-radius: 2px;
	box-sizing: border-box
}

.wechat-quick-login .quick-box .header[data-v-31a8df16] {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 18px;
	font-weight: 400;
	justify-content: space-between;
	padding: 20px 20px 0
}

.wechat-quick-login .quick-box .header .title[data-v-31a8df16] {
	color: #000
}

.wechat-quick-login .quick-box .header .desc[data-v-31a8df16] {
	margin-top: 10px;
	font-size: 15px;
	color: #888
}

.wechat-quick-login .quick-box .auth-box[data-v-31a8df16] {
	padding: 0 20px 5px;
	margin-top: 15px
}

.wechat-quick-login .quick-box .auth-box .auth-btn[data-v-31a8df16] {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
	color: #fff;
	height: 45px;
	border-radius: 2px;
	font-size: 14px;
	font-size: 16px;
	font-weight: 300
}

.wechat-quick-login .quick-box .auth-box .auth-btn img[data-v-31a8df16] {
	display: block;
	width: 22px;
	margin-right: 10px
}

.wechat-quick-login .quick-box .auth-box .auth-btn.wx[data-v-31a8df16] {
	background-color: #09bb07
}

.wechat-quick-login .quick-box .auth-box .auth-btn.jj[data-v-31a8df16] {
	background-color: #007fff
}

.wechat-quick-login .quick-box .agreement-box[data-v-31a8df16] {
	margin: 10px 20px 15px;
	text-align: center;
	line-height: 1.5;
	color: #767676
}

.wechat-quick-login .quick-box .agreement-box a[data-v-31a8df16] {
	color: #007fff
}

.wechat-quick-login .quick-box .footer[data-v-31a8df16] {
	height: 45px;
	line-height: 45px;
	color: #000;
	font-size: 18px;
	text-align: center;
	border-top: 1px solid #e5e5e5
}

.iconfont[data-v-f7c33c90] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-f7c33c90]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-f7c33c90]:before {
	content: "\e601"
}

.cash-account-wrap[data-v-f7c33c90] {
	min-height: 100vh;
	background-color: #fff;
	padding-left: 20px;
	padding-right: 20px
}

.withdrawal-header .view-details[data-v-f7c33c90] {
	padding-top: 18px
}

.withdrawal-header .view-details .btn-details[data-v-f7c33c90] {
	color: #838383;
	font-size: 14px
}

.withdrawal-header .rmb-logo[data-v-f7c33c90] {
	margin-top: 48px
}

.withdrawal-header .rmb-logo img[data-v-f7c33c90] {
	width: 95px;
	height: 95px;
	vertical-align: middle
}

.withdrawal-header .my-cash[data-v-f7c33c90] {
	margin-top: 20px;
	font-size: 18px
}

.withdrawal-header .money-line[data-v-f7c33c90] {
	margin-top: 10px;
	margin-bottom: 22px;
	line-height: 1;
	color: #000
}

.withdrawal-header .money-line span[data-v-f7c33c90] {
	vertical-align: top
}

.withdrawal-header .money-line .unit img[data-v-f7c33c90] {
	border: 0;
	width: 20px;
	margin-right: 8px;
	margin-top: 5px
}

.withdrawal-header .money-line .money[data-v-f7c33c90] {
	display: inline-block;
	font-size: 44px;
	font-weight: 700
}

.withdrawal-header .btn-withdrawal[data-v-f7c33c90] {
	width: 100%;
	height: 40px;
	line-height: 28px;
	font-size: 18px
}

.withdrawal-rules .rules-header[data-v-f7c33c90] {
	margin-top: 26px;
	color: #439aff;
	font-size: 14px
}

.withdrawal-rules .rules-list[data-v-f7c33c90] {
	font-size: 14px;
	line-height: 1.5;
	color: #888
}

.bind-wehcat-dialog-masker[data-v-f7c33c90] {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5)
}

.bind-wehcat-dialog-masker .bind-wehcat-dialog[data-v-f7c33c90] {
	background-color: #fff;
	border-radius: 8px;
	position: absolute;
	width: 280px;
	height: auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.bind-wehcat-dialog-masker .bind-wehcat-dialog .bind-header[data-v-f7c33c90] {
	font-size: 18px;
	margin-top: 15px
}

.bind-wehcat-dialog-masker .bind-wehcat-dialog .bind-content[data-v-f7c33c90] {
	font-size: 15px;
	color: #888;
	padding-left: 25px;
	padding-right: 25px;
	margin-top: 15px;
	margin-bottom: 15px
}

.bind-wehcat-dialog-masker .bind-wehcat-dialog footer[data-v-f7c33c90] {
	heihgt: 50px;
	line-height: 50px;
	font-size: 18px;
	display: flex;
	text-align: center;
	border-top: 1px solid #d2d3d5
}

.bind-wehcat-dialog-masker .bind-wehcat-dialog footer .btn-cancel[data-v-f7c33c90] {
	flex-grow: 1;
	flex-shrink: 0
}

.bind-wehcat-dialog-masker .bind-wehcat-dialog footer .btn-bind[data-v-f7c33c90] {
	flex-grow: 1;
	flex-shrink: 0;
	color: #007fff;
	border-left: 1px solid #d2d3d5
}

.status-wrap[data-v-f7c33c90] {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center
}

.status-wrap .inner[data-v-f7c33c90] {
	width: 120px;
	height: 120px;
	background-color: rgba(0, 0, 0, .7);
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	font-size: 13px;
	border-radius: 10px
}

.status-wrap .inner.success[data-v-f7c33c90] {
	padding-top: 30px
}

.status-wrap .inner.success img[data-v-f7c33c90] {
	width: 50px
}

.status-wrap .inner.success p[data-v-f7c33c90] {
	margin-top: 12px
}

.status-wrap .inner.fail[data-v-f7c33c90] {
	padding-top: 20px
}

.status-wrap .inner.fail img[data-v-f7c33c90] {
	width: 10px
}

.status-wrap .inner.fail p[data-v-f7c33c90] {
	margin-top: 8px
}

.skeleton-row[data-v-f5c57362] {
	margin-bottom: .8rem;
	height: 1.2rem;
	background-color: #f3f3f3
}

.skeleton-avatar[data-v-f5c57362] {
	border-radius: 50%;
	background-color: #f3f3f3
}

.skeleton-list[data-v-f5c57362] {
	padding: 20px;
	background-color: #fff;
	border-radius: 0 0 .2rem .2rem;
	overflow: hidden
}

.skeleton-list .skeleton-row[data-v-f5c57362] {
	margin-bottom: 16px;
	background: linear-gradient(90deg, #fff, #edeff1, #fff);
	background-size: 480px 480px;
	animation: skeleton-stripes-data-v-f5c57362 .6s linear infinite
}

.skeleton-list .skeleton-row[data-v-f5c57362]:last-of-type {
	margin-bottom: 0
}

.skeleton-list .skeleton-row[data-v-f5c57362]:first-of-type {
	width: 40%
}

.skeleton-list .skeleton-row[data-v-f5c57362]:nth-of-type(2),
.skeleton-list .skeleton-row[data-v-f5c57362]:nth-of-type(3) {
	width: 80%
}

.skeleton-list .skeleton-row[data-v-f5c57362]:nth-of-type(4) {
	width: 50%
}

@-moz-keyframes skeleton-stripes-data-v-f5c57362 {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 480px 0
	}
}

@-webkit-keyframes skeleton-stripes-data-v-f5c57362 {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 480px 0
	}
}

@-o-keyframes skeleton-stripes-data-v-f5c57362 {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 480px 0
	}
}

@keyframes skeleton-stripes-data-v-f5c57362 {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 480px 0
	}
}

.sidebar-entry[data-v-07f2ad71] {
	display: inline-block;
	margin-bottom: 1rem;
	cursor: pointer;
	width: 100%;
	height: 60px;
	background-position: 50%;
	background-size: contain;
	background-repeat: no-repeat
}

.sidebar-entry[data-v-07f2ad71]:hover {
	opacity: .9
}

.mask[data-v-2bbb526e] {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: #000;
	opacity: .5;
	z-index: 2000000000;
	display: flex;
	justify-content: center;
	align-items: center
}

.mask svg path[data-v-2bbb526e] {
	height: 100px;
	width: 20%;
	text-align: center;
	padding: 1em;
	margin: 0 auto 1em;
	display: inline-block;
	vertical-align: top;
	fill: #007fff
}

.reset-password-form[data-v-e08335a0] {
	padding: 4rem 3rem;
	font-size: 1.16rem;
	background-color: #fff;
	border-radius: 2px;
	box-sizing: border-box
}

.title[data-v-e08335a0] {
	margin: 0;
	font-size: 2rem;
	text-align: center
}

.nav[data-v-e08335a0] {
	display: flex;
	margin-top: 3rem;
	background-color: #f8f9fa;
	border-bottom: 1px solid #f1f1f1;
	user-select: none
}

.nav .nav-item[data-v-e08335a0] {
	flex: 1 1 auto;
	padding: .8rem 1rem;
	text-align: center;
	cursor: pointer
}

.nav .nav-item[data-v-e08335a0]:hover {
	color: #007fff
}

.nav .nav-item.active[data-v-e08335a0] {
	color: #007fff;
	border-bottom: 2px solid
}

.form-body[data-v-e08335a0] {
	margin-top: 3rem;
	text-align: center
}

.input[data-v-e08335a0] {
	margin: 0;
	padding: .5rem 0;
	font-size: 1.1em;
	border: none;
	border-bottom: 1px solid #eee;
	outline: none
}

.input.full-width[data-v-e08335a0] {
	width: 100%
}

.btn[data-v-e08335a0] {
	padding: .8rem 1.6rem;
	color: #fff;
	background-color: #007fff;
	border-radius: 2px;
	border: none;
	outline: none
}

.btn[data-v-e08335a0]:disabled {
	background-color: #999;
	cursor: default
}

.index-link[data-v-e08335a0] {
	display: inline-block;
	margin: 1.5rem auto 0;
	color: #007fff;
	text-decoration: none
}

.input-group[data-v-e08335a0]:not(:first-child) {
	margin-top: 2rem
}

.submit-btn[data-v-e08335a0] {
	margin-top: 3rem;
	width: 100%
}

.panel[data-v-e08335a0] {
	position: relative
}

.panel .success-message[data-v-e08335a0] {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 3rem 0;
	background-color: #fff;
	z-index: 1
}

.phone-panel .vcode-input-group[data-v-e08335a0] {
	display: flex
}

.phone-panel .vcode-input-group .vcode-input[data-v-e08335a0] {
	flex: 1 1 auto
}

.phone-panel .vcode-input-group .send-vcode-btn[data-v-e08335a0] {
	flex: 0 0 auto;
	margin-left: 1rem
}

.reset-password-form[data-v-73e8a8ba] {
	margin: 6rem auto;
	width: 40rem;
	max-width: 100%
}

.auth-modal-box[data-v-43150d6d] {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .3);
	z-index: 500
}

.auth-form[data-v-43150d6d] {
	position: relative;
	padding: 2rem;
	width: 26.5rem;
	max-width: 100%;
	font-size: 1.167rem;
	background-color: #fff;
	border-radius: 2px;
	box-sizing: border-box
}

.close-btn[data-v-43150d6d] {
	float: right;
	cursor: pointer;
	opacity: .4
}

.close-btn[data-v-43150d6d]:hover {
	opacity: 1
}

.title[data-v-43150d6d] {
	font-size: 1.5rem;
	margin: 0 0 2rem
}

.input-group[data-v-43150d6d] {
	margin-bottom: .5rem;
	overflow: hidden
}

.insert-book-ticket-txt[data-v-43150d6d] {
	color: #007fff;
	margin-bottom: 10px;
	font-size: 12px;
	margin-top: -10px
}

.input-box[data-v-43150d6d] {
	position: relative;
	margin-bottom: .8rem
}

.input[data-v-43150d6d] {
	padding: 10px;
	width: 100%;
	border: 1px solid #e9e9e9;
	border-radius: 2px;
	outline: none;
	box-sizing: border-box
}

.input[data-v-43150d6d]:focus {
	border-color: #007fff
}

.btn[data-v-43150d6d] {
	width: 100%;
	height: 3.334rem;
	color: #fff;
	background-color: #007fff;
	border-radius: 2px;
	outline: none;
	box-sizing: border-box;
	cursor: pointer
}

.btn[data-v-43150d6d]:disabled {
	background-color: #909090;
	cursor: default
}

.vcode-box[data-v-43150d6d] {
	display: flex;
	justify-content: center;
	align-items: center
}

.vcode-box .input[data-v-43150d6d] {
	max-width: 95px
}

.vcode-box .img-vcode[data-v-43150d6d] {
	border: 1px solid #ddd;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	flex-shrink: 0;
	z-index: 0;
	width: 160px;
	color: #fff;
	height: 40px;
	margin-left: 15px
}

.vcode-box .img-vcode img[data-v-43150d6d] {
	max-height: 40px
}

.vcode-box .img-vcode .hint[data-v-43150d6d] {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: center;
	align-items: center
}

.send-vcode-btn[data-v-43150d6d] {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	color: #007fff;
	line-height: 1;
	background-color: transparent
}

.send-vcode-btn[data-v-43150d6d]:disabled {
	color: #909090;
	cursor: default
}

.send-vcode-btn[data-v-43150d6d]:hover(:not(:disabled)) {
	opacity: .8
}

.prompt-box[data-v-43150d6d] {
	margin: 1rem 0 0;
	color: #767676
}

.prompt-box.center[data-v-43150d6d] {
	text-align: center
}

.prompt-box .right[data-v-43150d6d] {
	float: right
}

.prompt-box .clickable[data-v-43150d6d] {
	color: #007fff;
	cursor: pointer
}

.oauth-box[data-v-43150d6d] {
	margin-top: 1.2rem;
	line-height: 1.9rem;
	color: #767676
}

.oauth-box .oauth[data-v-43150d6d] {
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin-top: 15px
}

.oauth-box .oauth-bg[data-v-43150d6d] {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: #f4f8fb;
	display: flex;
	align-items: center;
	justify-content: center
}

.oauth-box .oauth-btn[data-v-43150d6d] {
	height: 1.9rem;
	vertical-align: bottom;
	cursor: pointer
}

.agreement-box[data-v-43150d6d] {
	margin-top: 1.667rem;
	color: #767676
}

.agreement-box a[data-v-43150d6d] {
	color: #007fff
}

.panfish .normal[data-v-43150d6d] {
	position: absolute;
	top: 0;
	left: 50%;
	width: 10rem;
	transform: translate(-50%, -83%);
	z-index: 1
}

.panfish .greeting[data-v-43150d6d] {
	position: absolute;
	top: 0;
	left: 50%;
	width: 10rem;
	transform: translate(-50%, -75.8%);
	z-index: 1
}

.panfish .blindfold[data-v-43150d6d] {
	position: absolute;
	top: 0;
	left: 50%;
	width: 8.6rem;
	transform: translate(-50%, -75%);
	z-index: 1
}

.panfish #TCaptcha[data-v-43150d6d] {
	width: 310px;
	height: 40px
}

.thumb[data-v-792bbd8e] {
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat
}

.iconfont[data-v-7c4826c5] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-7c4826c5]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-7c4826c5]:before {
	content: "\e601"
}

.action-box .subscribe-btn.subscribed[data-v-7c4826c5]:hover {
	background-color: #37c700
}

.tag[data-v-7c4826c5] {
	width: 160px;
	min-width: 160px;
	background-color: #fff;
	border: 1px solid #f1f1f1;
	transition: border-color .3s;
	text-align: center;
	padding: 1rem 0;
	margin-bottom: 20px;
	border-radius: 2px
}

.thumb[data-v-7c4826c5] {
	height: 32px;
	margin: .5em .5em 1em
}

.title[data-v-7c4826c5] {
	font-size: 16px;
	line-height: 2rem;
	color: #333
}

.meta-box[data-v-7c4826c5] {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.1rem;
	color: #909090
}

.meta-box .meta[data-v-7c4826c5] {
	line-height: 2rem
}

.meta-box .meta.article[data-v-7c4826c5] {
	margin-left: .8rem
}

.tag-wrap[data-v-3dc5b44b] {
	position: relative;
	min-height: 100vh
}

.tag-list[data-v-3dc5b44b] {
	width: 540px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 45px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around
}

.iconfont[data-v-b2565304] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-b2565304]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-b2565304]:before {
	content: "\e601"
}

.buying-guide[data-v-b2565304] {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 60px 40px;
	box-shadow: 1px 1px 8px rgba(0, 0, 0, .15);
	background-color: #fff;
	border-radius: 2px;
	box-sizing: border-box;
	min-height: calc(100vh - 160px);
	display: flex;
	justify-content: center;
	align-items: center
}

.buying-guide.buying-guide--m[data-v-b2565304] {
	min-height: calc(100vh - 50px)
}

.buying-guide .buying-inner[data-v-b2565304] {
	display: flex;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 0
}

.buying-guide .buying-inner .poster[data-v-b2565304] {
	margin-bottom: 40px;
	position: relative
}

.buying-guide .buying-inner .poster[data-v-b2565304]:after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 86%;
	transform: translateX(-50%);
	height: 100%;
	box-shadow: 0 18px 40px rgba(52, 82, 110, .5)
}

.buying-guide .buying-inner .poster .thumb[data-v-b2565304] {
	border-radius: 2px;
	overflow: hidden;
	width: 150px;
	height: 210px;
	position: relative;
	z-index: 2
}

.buying-guide .buying-inner .title[data-v-b2565304] {
	font-size: 18px;
	margin-bottom: 12px
}

.buying-guide .buying-inner .desc[data-v-b2565304] {
	font-size: 15px;
	margin-bottom: 16px;
	color: #7d7d7d
}

.buying-guide .buying-inner .button-buy[data-v-b2565304] {
	font-size: 16px
}

@media (max-width:475px) {
	.buying-guide[data-v-b2565304] {
		padding: 20px
	}
}

.iconfont[data-v-3f4353c0] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-3f4353c0]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-3f4353c0]:before {
	content: "\e601"
}

.section-writing[data-v-3f4353c0] {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 60px 40px;
	box-shadow: 1px 1px 8px rgba(0, 0, 0, .15);
	background-color: #fff;
	border-radius: 2px;
	box-sizing: border-box;
	min-height: calc(100vh - 160px);
	display: flex;
	justify-content: center;
	align-items: center
}

.section-writing.section-writing--m[data-v-3f4353c0] {
	min-height: calc(100vh - 50px)
}

.section-writing .writing-inner[data-v-3f4353c0] {
	display: flex;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 0
}

.section-writing .writing-inner .poster[data-v-3f4353c0] {
	margin-bottom: 50px;
	position: relative
}

.section-writing .writing-inner .poster[data-v-3f4353c0]:after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 86%;
	transform: translateX(-50%);
	height: 100%;
	box-shadow: 0 18px 40px rgba(52, 82, 110, .5)
}

.section-writing .writing-inner .poster .thumb[data-v-3f4353c0] {
	border-radius: 2px;
	overflow: hidden;
	width: 150px;
	height: 210px;
	position: relative;
	z-index: 2
}

.section-writing .writing-inner .title[data-v-3f4353c0] {
	font-size: 18px;
	margin-bottom: 12px
}

@media (max-width:475px) {
	.section-writing[data-v-3f4353c0] {
		padding: 20px
	}
}

.iconfont[data-v-06a6c858] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-06a6c858]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-06a6c858]:before {
	content: "\e601"
}

.related-entry .thumb[data-v-06a6c858] {
	width: 88px;
	height: 48px;
	flex: 0 0 auto;
	margin-right: 1.5rem;
	margin-left: 0;
	margin-top: 0
}

.related-entry .title[data-v-06a6c858] {
	font-size: 1.3rem;
	cursor: pointer;
	color: #333
}

.related-entry .title[data-v-06a6c858]:hover {
	color: #275b8c
}

.related-entry .entry-link[data-v-06a6c858] {
	display: flex
}

.related-entry .entry-link .info[data-v-06a6c858] {
	overflow: hidden
}

.related-entry .entry-link .title-row[data-v-06a6c858] {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 400px;
	font-weight: 600
}

.related-entry .entry-link .meta-list[data-v-06a6c858] {
	display: flex;
	align-items: center;
	margin-top: .5rem;
	color: #ddd
}

.related-entry .entry-link .meta-list .meta[data-v-06a6c858] {
	display: flex;
	align-items: center;
	font-size: 1.1rem;
	margin-right: 1rem
}

.related-entry .entry-link .meta-list .meta .icon[data-v-06a6c858] {
	margin-right: .3rem
}

@media (max-width:600px) {
	.related-entry .thumb[data-v-06a6c858] {
		display: none
	}

	.related-entry .entry-link .title-row[data-v-06a6c858] {
		width: 100%
	}
}

.collection-item[data-v-6321ae5e] {
	height: 46px;
	padding: 14px 14px 16px;
	line-height: 1.25;
	font-size: 16px;
	color: #8a9aa9;
	font-weight: 400;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #e5e5e7
}

.collection-item[data-v-6321ae5e]:last-child {
	margin-bottom: 70px
}

.collection-item .collection[data-v-6321ae5e] {
	max-width: 90%;
	display: flex;
	justify-content: space-between
}

.collection-item .collection .thumb[data-v-6321ae5e] {
	width: 3.83rem;
	height: 3.83rem;
	margin-right: 10px;
	border-radius: 2px
}

.collection-item .collection .stat-box[data-v-6321ae5e] {
	color: #8a9aa9;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.collection-item .collection .stat-box .title[data-v-6321ae5e] {
	color: #2e3135;
	font-size: 16px;
	max-width: 240px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.collection-item .collection .stat-box .stat[data-v-6321ae5e] {
	font-size: 12px
}

.collection-item .collect-icon[data-v-6321ae5e] {
	width: 1.8rem;
	height: 1.8rem;
	background-color: transparent;
	background-position: 50%;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 0;
	border-radius: 50%;
	background-image: none
}

.collection-item .collect-icon.collected[data-v-6321ae5e] {
	border: none;
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/collected.eb270c8.svg)
}

@media (max-width:375px) {
	.collection-item .collection .stat-box .title[data-v-6321ae5e] {
		max-width: 200px
	}
}

.mobile-collection[data-v-1590f20c] {
	background: #fff
}

.mobile-collection .head[data-v-1590f20c] {
	height: 3.92rem;
	padding: 0 14px;
	line-height: 1.25;
	font-size: 1.333rem;
	color: #8a9aa9;
	font-weight: 400;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 0 4px 0 rgba(0, 0, 0, .12)
}

.mobile-collection .head .title[data-v-1590f20c] {
	color: #17181a
}

.mobile-collection .head button[data-v-1590f20c] {
	padding: 0;
	height: 2.33rem;
	width: 4.67rem
}

.mobile-collection .create[data-v-1590f20c] {
	position: fixed;
	bottom: 1.08rem;
	height: 3.33rem;
	font-size: 1.333rem;
	border-radius: 3px;
	background-color: #007fff;
	width: 90%;
	margin-left: 5%
}

.mobile-collection .root-view-bg[data-v-1590f20c] {
	background-color: #fff
}

.mobile-collection .collection-create[data-v-1590f20c] {
	display: flex;
	padding: 1.17rem
}

.mobile-collection .collection-create .collection-form[data-v-1590f20c] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	height: 100%
}

.mobile-collection .collection-create .collection-form .title[data-v-1590f20c] {
	font-size: 1.33rem;
	color: #17181a
}

.mobile-collection .collection-create .collection-form .name-input[data-v-1590f20c] {
	width: 100%;
	height: 2.92rem;
	font-size: 1.25rem;
	line-height: 2.92rem;
	outline: none;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #e5e5e7
}

.mobile-collection .collection-create .collection-form input[data-v-1590f20c]::placeholder {
	font-size: 1.25rem;
	color: #babec3
}

.iconfont[data-v-28dd28b8] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-28dd28b8]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-28dd28b8]:before {
	content: "\e601"
}

.tag[data-v-28dd28b8] {
	display: inline-block;
	width: 100%;
	background-color: #fff;
	border: 1px solid #f1f1f1;
	transition: border-color .3s;
	text-align: center;
	padding: 1.5rem 0
}

.thumb[data-v-28dd28b8] {
	width: 100%;
	height: 32px;
	margin: 1rem auto;
	background-color: #fff
}

.title[data-v-28dd28b8] {
	font-size: 1.5rem;
	line-height: 2rem;
	color: #333
}

.meta-box[data-v-28dd28b8] {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.1rem;
	color: #909090
}

.meta-box .meta[data-v-28dd28b8] {
	line-height: 2rem
}

.meta-box .meta.article[data-v-28dd28b8] {
	margin-left: .8rem
}

.item[data-v-f7830648] {
	width: 25%;
	display: inline-block;
	margin-bottom: 1.3rem;
	padding: 0 .7rem;
	box-sizing: border-box
}

@media (max-width:600px) {
	.item[data-v-f7830648] {
		width: 50%
	}
}

.status[data-v-f7830648] {
	padding: 2rem 0;
	width: 100%;
	font-size: 1.2rem;
	text-align: center
}

.tag-list[data-v-1b44aa8d] {
	padding-top: 2rem
}

.iconfont[data-v-65aa0e26] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-65aa0e26]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-65aa0e26]:before {
	content: "\e601"
}

.nav-list[data-v-65aa0e26] {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap
}

.nav-list .nav-item[data-v-65aa0e26] {
	padding: 1rem .6rem;
	margin-left: .8rem;
	font-size: 1.3rem;
	white-space: nowrap
}

.nav-list .nav-item.search[data-v-65aa0e26] {
	margin-left: 2rem;
	cursor: default
}

.nav-list .nav-item.search .search-input[data-v-65aa0e26] {
	padding: .5rem;
	font-size: 1.2rem;
	border: 1px solid hsla(0, 0%, 59.2%, .2);
	outline: none
}

@media (max-width:600px) {
	.nav-list .nav-item.search[data-v-65aa0e26] {
		display: none
	}
}

.list-header[data-v-65aa0e26] {
	border-bottom: none
}

.avatar[data-v-7805d016] {
	display: inline-block;
	position: relative;
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #eee
}

.avatar.xmas[data-v-7805d016]:after {
	content: "";
	position: absolute;
	left: 25%;
	bottom: 30%;
	width: 90%;
	height: 90%;
	background-position: 50%;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/hats.12a740a.svg);
	transform: rotate(15deg);
	transform-origin: bottom right;
	transition: all .2s
}

.avatar.xmas[data-v-7805d016]:hover:after {
	transform: rotate(20deg)
}

.iconfont[data-v-02343d4c] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-02343d4c]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-02343d4c]:before {
	content: "\e601"
}

.user-action-nav[data-v-02343d4c] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 1.16rem
}

.user-action-nav .nav-list[data-v-02343d4c] {
	display: flex;
	align-items: center
}

.user-action-nav .nav-list .avatar[data-v-02343d4c] {
	width: 50px;
	height: 50px;
	border-radius: 2px 0 0 2px
}

.user-action-nav .nav-list.left .nav-item[data-v-02343d4c] {
	padding: 0 1.5rem;
	display: flex;
	align-items: center
}

.user-action-nav .nav-list.left .nav-item .icon[data-v-02343d4c] {
	margin-right: .3rem
}

.user-action-nav .nav-list.left a[data-v-02343d4c] {
	color: #007fff
}

.user-action-nav .nav-list.left a[data-v-02343d4c]:hover {
	color: #0371df
}

.user-action-nav .nav-list.right .nav-item[data-v-02343d4c] {
	padding-right: 2rem
}

@media (max-width:600px) {
	.user-action-nav[data-v-02343d4c] {
		display: none
	}
}

.iconfont[data-v-e5bfa5b6] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-e5bfa5b6]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-e5bfa5b6]:before {
	content: "\e601"
}

.item[data-v-e5bfa5b6]:not(:last-child),
.skeleton[data-v-e5bfa5b6]:not(:last-child) {
	border-bottom: 1px solid rgba(178, 186, 194, .15)
}

.user-masker[data-v-e5bfa5b6] {
	display: flex;
	align-items: center;
	height: 7rem;
	padding: 1rem 2.4rem;
	box-sizing: border-box
}

.user-masker[data-v-e5bfa5b6]:before {
	content: "";
	background-color: hsla(0, 0%, 94.5%, .3);
	width: 100%;
	height: 40%
}

.user[data-v-e5bfa5b6] {
	position: relative;
	box-sizing: border-box
}

.user[data-v-e5bfa5b6]:hover {
	background-color: hsla(0, 0%, 87.1%, .1)
}

.link[data-v-e5bfa5b6] {
	display: flex;
	align-items: center;
	padding: .5rem 2.4rem;
	min-height: 7rem;
	color: #b9c0c8
}

.avatar[data-v-e5bfa5b6] {
	flex: 0 0 auto;
	margin-right: 1.667rem;
	width: 4.17rem;
	height: 4.17rem;
	border-radius: 50%
}

@media (max-width:700px) {
	.avatar[data-v-e5bfa5b6] {
		margin-right: 1.5rem
	}
}

.info-box[data-v-e5bfa5b6] {
	flex: 1 1 auto;
	min-width: 0
}

.info-box .username[data-v-e5bfa5b6] {
	font-size: 1.333rem;
	font-weight: 500;
	color: #393939
}

.info-box .detail[data-v-e5bfa5b6] {
	font-size: 1rem;
	font-weight: 400;
	color: #b9c0c8;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.info-box .describe[data-v-e5bfa5b6] {
	color: #777d81;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.follow-btn[data-v-e5bfa5b6] {
	flex: 0 0 auto;
	margin: 0 0 0 1rem;
	padding: 0;
	width: 6.6rem;
	height: 2.5rem;
	font-size: 1.1rem;
	color: #37c701;
	background-color: #fff;
	border: 1px solid rgba(55, 199, 1, .6);
	border-radius: 2px
}

.follow-btn[data-v-e5bfa5b6]:hover {
	opacity: .8
}

.follow-btn.active[data-v-e5bfa5b6] {
	color: #fff;
	background-color: #37c701
}

.recommendation-index-view[data-v-4e482c5e] {
	padding-bottom: 50px
}

.user-list-block[data-v-4e482c5e] {
	width: 700px;
	background-color: #fff
}

@media (max-width:700px) {
	.user-list-block[data-v-4e482c5e] {
		width: 100%
	}
}

[data-v-4e482c5e] .nav-item.right {
	display: none
}

.iconfont[data-v-673e8ee6] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-673e8ee6]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-673e8ee6]:before {
	content: "\e601"
}

.users[data-v-673e8ee6] {
	position: relative;
	min-height: 100vh
}

img[data-v-673e8ee6] {
	-khtml-user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none
}

.right[data-v-673e8ee6] {
	float: right
}

.category-checkbox[data-v-673e8ee6] {
	display: inline-block;
	width: 22px;
	height: 22px;
	cursor: pointer;
	background: url(https://lc-gold-cdn.xitu.io/dc932a27b71491c7.png) 50%/cover
}

.category-checkbox.true[data-v-673e8ee6] {
	background: url(https://lc-gold-cdn.xitu.io/5ef5d412784ff76f.png) 50%/cover
}

.category[data-v-673e8ee6] {
	background-color: #fff
}

.category .title[data-v-673e8ee6] {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	margin: 20px 0;
	display: inline-block
}

.category .all[data-v-673e8ee6] {
	float: right;
	position: relative;
	margin-top: 1em;
	font-size: 16px;
	margin-right: 10px
}

.category .all .selector[data-v-673e8ee6] {
	font-size: 16px;
	margin-left: .5em;
	position: relative
}

.category ul[data-v-673e8ee6] {
	padding: 0
}

.category ul li[data-v-673e8ee6] {
	position: relative;
	list-style: none;
	padding: 16px 0;
	border-bottom: 1px solid #f1f1f1
}

.category ul li[data-v-673e8ee6]:first-child {
	border-top: 1px solid #f1f1f1
}

.category ul li .avatar[data-v-673e8ee6] {
	width: 44px;
	height: 44px;
	border-radius: 22px;
	float: left;
	margin-right: 17px;
	display: inline-block;
	border: 0
}

.category ul li .wrap[data-v-673e8ee6] {
	margin-left: 60px;
	width: 340px;
	max-width: 60%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 47px
}

.category ul li .wrap .name[data-v-673e8ee6] {
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 14px;
	font-weight: 600;
	color: #333;
	display: inline-block
}

.category ul li .wrap .description[data-v-673e8ee6] {
	display: block;
	font-size: 14px;
	color: #666
}

.category ul li .selector[data-v-673e8ee6] {
	position: absolute;
	right: 10px;
	top: 25px
}

.iconfont[data-v-1afb841b] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-1afb841b]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-1afb841b]:before {
	content: "\e601"
}

.users[data-v-1afb841b] {
	position: relative;
	min-height: 100vh
}

.users-list[data-v-1afb841b] {
	width: 528px;
	margin: 45px auto 115px;
	padding: 45px;
	box-sizing: border-box;
	background-color: #fff
}

@media (max-width:600px) {
	.users-list[data-v-1afb841b] {
		width: 100%
	}
}

.iconfont[data-v-7efd7759] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-7efd7759]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-7efd7759]:before {
	content: "\e601"
}

.getting-started[data-v-7efd7759] {
	overflow-x: hidden;
	background-color: #007fff
}

#cov[data-v-7efd7759] {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.header[data-v-7efd7759] {
	padding-top: 54px
}

.header .title[data-v-7efd7759] {
	font-size: 36px;
	font-weight: 600;
	color: #fff;
	text-align: center
}

.header .subtitle[data-v-7efd7759] {
	font-size: 14px;
	color: #fff;
	margin-top: 20px;
	text-align: center
}

.fade-enter-active[data-v-7efd7759] {
	transition: all 1s
}

.fade-enter[data-v-7efd7759] {
	transform: translateX(10%);
	opacity: 0
}

.fade-leave[data-v-7efd7759] {
	transform: translateX(-10%);
	opacity: 0
}

.footer[data-v-7efd7759] {
	background-color: #f8f9fa;
	opacity: .98;
	width: 100%;
	height: 85px;
	box-sizing: border-box;
	padding: 23px 0;
	position: fixed;
	bottom: 0;
	z-index: 10
}

.footer button[data-v-7efd7759] {
	width: 206px;
	height: 38px
}

.footer button.loading[data-v-7efd7759] {
	background-color: #d2d2d2;
	color: #fff
}

.footer button.loading span[data-v-7efd7759]:before {
	animation: rotate-data-v-7efd7759 1s linear infinite
}

.footer button[data-v-7efd7759]:disabled {
	background-color: #ddd;
	color: #fff
}

@-webkit-keyframes rotate-data-v-7efd7759 {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

.align-center[data-v-7efd7759] {
	text-align: center
}

.me-panel[data-v-c6c178b8] {
	margin-bottom: 49px
}

.me-panel .info[data-v-c6c178b8] {
	display: flex;
	align-items: center;
	padding: 10px 20px;
	margin-top: 15px;
	background-color: #fff
}

.me-panel .info .hero .avatar[data-v-c6c178b8] {
	width: 55px;
	height: 55px;
	border-radius: 50%
}

.me-panel .info .message[data-v-c6c178b8] {
	padding-left: 20px;
	flex-grow: 1
}

.me-panel .info .message .username[data-v-c6c178b8] {
	font-size: 16px;
	font-weight: 400
}

.me-panel .info .message .desc[data-v-c6c178b8] {
	color: #666
}

.me-panel .list[data-v-c6c178b8] {
	margin-top: 15px;
	margin-bottom: 15px
}

.me-panel .list .item[data-v-c6c178b8] {
	background-color: #fff;
	display: flex;
	align-items: center;
	padding-left: 15px;
	padding-right: 15px;
	height: 45px;
	line-height: 45px;
	position: relative
}

.me-panel .list .item[data-v-c6c178b8]:not(:first-child):before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 1px;
	border-top: 1px solid #ddd;
	transform-origin: 0 0;
	transform: scaleY(.5)
}

.me-panel .list .item .text[data-v-c6c178b8] {
	font-size: 16px;
	flex-grow: 1
}

.me-panel .list .item .total[data-v-c6c178b8] {
	color: #7f8389;
	flex-shrink: 0;
	font-size: 14px
}

.me-panel .list .item.message .total[data-v-c6c178b8] {
	border-radius: 10px;
	background-color: red;
	color: #fff;
	padding-left: 6px;
	padding-right: 6px;
	height: 18px;
	line-height: 18px
}

.me-panel .logout[data-v-c6c178b8] {
	background-color: #fff;
	line-height: 45px;
	height: 45px;
	text-align: center;
	font-size: 16px
}

.tooltip[data-v-73666e01] {
	cursor: pointer;
	min-height: 20px;
	line-height: 18px;
	padding: 2px 6px;
	border-radius: 2px;
	background-color: #ff5e41;
	color: #fff;
	font-size: 12px;
	display: flex;
	align-items: center;
	white-space: nowrap;
	position: absolute
}

.tooltip.left[data-v-73666e01]:before {
	left: 20px;
	border-width: 0 5px 5px
}

.tooltip.left[data-v-73666e01]:before,
.tooltip.right[data-v-73666e01]:before {
	content: "";
	position: absolute;
	top: -5px;
	width: 0;
	height: 0;
	border-color: transparent transparent #ff5e41;
	border-style: solid
}

.tooltip.right[data-v-73666e01]:before {
	right: 20px;
	border-width: 0 3px 5px
}

.tooltip .pre-text[data-v-73666e01] {
	display: inline-flex;
	align-items: center
}

.tooltip .pre-text img.gift[data-v-73666e01] {
	width: 16px;
	margin-right: 3px
}

.tooltip .pre-text.is-count-down[data-v-73666e01]:after {
	content: "·";
	display: inline-block;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px
}

.tooltip .count-down[data-v-73666e01] {
	display: inline-flex;
	align-items: center
}

.tooltip .count-down .ms[data-v-73666e01] {
	min-width: 20px;
	display: inline-block
}

@media (max-width:640px) {
	.break-text[data-v-73666e01] {
		flex-direction: column
	}

	.break-text .pre-text[data-v-73666e01]:after {
		display: none
	}
}

.iconfont[data-v-5b4a4001] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-5b4a4001]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-5b4a4001]:before {
	content: "\e601"
}

.item[data-v-5b4a4001] {
	display: flex;
	padding: 25px;
	box-sizing: border-box;
	background-color: #fff;
	position: relative
}

.item[data-v-5b4a4001]:after {
	display: table;
	content: "";
	clear: both
}

.item[data-v-5b4a4001]:not(:last-child) {
	border-bottom: 1px solid #e6e8e8
}

.item[data-v-5b4a4001]:hover {
	background-color: #f7f9f9
}

.poster[data-v-5b4a4001] {
	width: 100px;
	height: 140px;
	flex-shrink: 0;
	box-shadow: 3px 4px 12px 0 rgba(0, 0, 0, .2);
	overflow: hidden;
	background-color: #ccc
}

.poster .poster-img[data-v-5b4a4001] {
	height: 100%;
	width: 100%
}

.info[data-v-5b4a4001] {
	position: relative;
	flex-grow: 1;
	overflow: hidden;
	box-sizing: border-box;
	font-size: 14px;
	color: #2e3135;
	padding-left: 22px
}

.info .title[data-v-5b4a4001] {
	color: inherit;
	font-size: 20px;
	font-weight: 400
}

.info .title[data-v-5b4a4001]:hover {
	color: #007fff
}

.info .title .presale[data-v-5b4a4001] {
	display: inline-block;
	vertical-align: middle;
	padding-left: 6px;
	padding-right: 6px;
	height: 20px;
	margin-top: -3px;
	line-height: 20px;
	color: #fff;
	font-size: 12px;
	cursor: default;
	margin-right: 8px;
	border-radius: 2px;
	background-color: #ed7b11
}

.info .desc[data-v-5b4a4001] {
	margin-top: 5px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	color: #71777c
}

.info .author[data-v-5b4a4001] {
	display: flex;
	align-items: center;
	margin-top: 6px;
	overflow: hidden;
	white-space: nowrap
}

.info .author .author-info[data-v-5b4a4001] {
	flex-shrink: 0;
	display: flex;
	align-items: center
}

.info .author .user[data-v-5b4a4001] {
	display: inline-flex;
	align-items: center;
	color: #000
}

.info .author .hero[data-v-5b4a4001] {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	margin-right: 8px;
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat
}

.info .author .name[data-v-5b4a4001] {
	color: #333
}

.info .author .author-desc[data-v-5b4a4001] {
	color: #71777c;
	flex-grow: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.info .author .author-desc .selfDescription[data-v-5b4a4001] {
	margin-left: 10px;
	margin-right: 10px
}

.info .author .author-name[data-v-5b4a4001] {
	color: #000;
	font-weight: 400
}

.info .other[data-v-5b4a4001] {
	margin-top: 6px;
	display: flex;
	align-items: center
}

.info .other .price[data-v-5b4a4001] {
	color: #ed7b11;
	font-size: 18px;
	margin-right: 15px;
	display: inline-flex;
	align-items: center
}

.info .other .price .yuanjia[data-v-5b4a4001] {
	text-decoration: line-through;
	margin-left: 5px;
	font-size: 14px;
	color: #aaa
}

.info .other .price.bought[data-v-5b4a4001] {
	font-size: 14px
}

.info .other .presale[data-v-5b4a4001] {
	display: none
}

.info .other span.message[data-v-5b4a4001] {
	opacity: .6;
	font-size: 13px;
	color: #71777c
}

.info .other span.message.presale[data-v-5b4a4001] {
	color: #ed7b11
}

.info .other span.message[data-v-5b4a4001]:not(:last-child):after {
	content: "·";
	color: #71777c;
	margin-left: 5px;
	margin-right: 5px
}

.info .footer-bar[data-v-5b4a4001] {
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.m-aside[data-v-5b4a4001] {
	min-width: 80px;
	margin-left: 10px;
	flex-shrink: 0;
	align-self: center;
	display: none;
	z-index: 3
}

.m-aside .price[data-v-5b4a4001] {
	height: 30px;
	line-height: 30px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 15px;
	background-color: #f0f7ff;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	color: #07f;
	position: relative;
	z-index: 2
}

.m-aside .price.bought[data-v-5b4a4001] {
	background-color: initial;
	color: #b8b8b8
}

.m-aside .price .tooltip[data-v-5b4a4001] {
	right: 0;
	top: calc(100% + 5px)
}

.m-aside .price .tooltip[data-v-5b4a4001]:before {
	right: 30px
}

.more[data-v-5b4a4001] {
	height: 30px;
	align-self: flex-end;
	position: relative;
	display: flex;
	align-items: center
}

.more .more-list[data-v-5b4a4001] {
	position: absolute;
	top: 100%;
	right: 0;
	min-width: 8rem;
	white-space: nowrap;
	color: #8f969c;
	background-color: #fff;
	box-shadow: 0 1px 2px 0 #e0e4e9;
	border: 1px solid rgba(217, 222, 224, .99);
	display: none;
	z-index: 10
}

.more .more-list[data-v-5b4a4001]:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	height: 1rem
}

.more .more-list .item[data-v-5b4a4001] {
	padding: .5rem .9rem
}

.more .more-list .item[data-v-5b4a4001]:hover {
	background-color: #f7f8fa
}

.more.open .more-list[data-v-5b4a4001] {
	display: block
}

@media (max-width:700px) {
	.info .full-link[data-v-5b4a4001] {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1
	}

	.info .recommend-award[data-v-5b4a4001],
	.more[data-v-5b4a4001] {
		display: none
	}

	.info.hasSale[data-v-5b4a4001] {
		padding-bottom: 0
	}

	.info .title .presale[data-v-5b4a4001] {
		display: none
	}

	.info .other .messages .presale[data-v-5b4a4001] {
		display: inline-block
	}

	.m-aside[data-v-5b4a4001] {
		display: block
	}

	.item[data-v-5b4a4001] {
		padding: 16px 14px
	}

	.item[data-v-5b4a4001]:not(:last-child) {
		border-bottom: none
	}

	.item[data-v-5b4a4001]:not(:last-child):before {
		content: " ";
		position: absolute;
		left: 0;
		bottom: 0;
		right: 0;
		height: 0;
		border-bottom: 1px solid #e6e8e8;
		transform-origin: 0 0;
		transform: scaleY(.5);
		z-index: 2
	}

	.item .poster[data-v-5b4a4001] {
		width: 52px;
		height: 72px
	}

	.item .info[data-v-5b4a4001] {
		padding-left: 16px
	}

	.item .info .title[data-v-5b4a4001] {
		font-size: 16px;
		font-weight: 700
	}

	.item .info .author-desc[data-v-5b4a4001],
	.item .info .desc[data-v-5b4a4001],
	.item .info .hero[data-v-5b4a4001],
	.item .info .price[data-v-5b4a4001] {
		display: none
	}

	.item .other[data-v-5b4a4001] {
		flex-direction: column;
		align-items: flex-start
	}

	.item .footer-bar[data-v-5b4a4001],
	.item .other .read-duration[data-v-5b4a4001] {
		display: none
	}
}

.bought-index[data-v-23f32f92] {
	min-height: 100vh;
	box-sizing: border-box;
	padding-bottom: 50px;
	position: relative;
	margin-bottom: env(safe-area-inset-bottom)
}

.books-list[data-v-23f32f92] {
	width: 100%;
	max-width: 700px;
	margin-right: auto;
	margin-left: auto;
	box-shadow: 0 1px 3px 0 rgba(4, 5, 13, .23)
}

.book-empty[data-v-23f32f92] {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	padding-bottom: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.book-empty .txt[data-v-23f32f92] {
	text-align: center;
	color: grey;
	margin-top: 25px;
	margin-bottom: 25px
}

.book-empty .buy[data-v-23f32f92] {
	padding-left: 80px;
	padding-right: 80px
}

.book-unlogined[data-v-23f32f92] {
	text-align: center;
	font-size: 16px;
	padding-top: 50px
}

.book-unlogined .link[data-v-23f32f92] {
	text-decoration: underline;
	color: #007fff
}

.avatar-uploader[data-v-20f4dcca] {
	display: flex
}

.input[data-v-20f4dcca] {
	display: none
}

.avatar[data-v-20f4dcca] {
	flex: 0 0 auto;
	width: 6rem;
	height: 6rem;
	margin-right: 1rem
}

.hint[data-v-20f4dcca] {
	color: #909090;
	font-size: 1rem;
	margin-bottom: 1.5rem
}

.profile-input[data-v-32dc41da] {
	display: flex;
	justify-content: flex-end;
	flex: 1
}

.btn[data-v-32dc41da] {
	background-color: transparent;
	color: #007fff;
	font-size: 1.2rem;
	padding: 0;
	white-space: nowrap
}

.btn.cancel-btn[data-v-32dc41da] {
	color: #666
}

.btn .icon[data-v-32dc41da] {
	vertical-align: bottom;
	height: 1.5rem;
	margin-right: .6rem
}

.input[data-v-32dc41da] {
	flex: 1;
	display: inline-block;
	border: none;
	outline: none;
	color: #909090;
	font-size: 1.3rem
}

.setting-list .item[data-v-387b6055]:first-child {
	padding: 1rem 0
}

.iconfont[data-v-486e9f81] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-486e9f81]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-486e9f81]:before {
	content: "\e601"
}

.payment-qr-code[data-v-486e9f81] {
	min-height: 250px;
	background-color: #fff
}

.payment-qr-code .heading[data-v-486e9f81] {
	padding: 18px;
	font-size: 20px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ededed
}

.payment-qr-code .heading .back[data-v-486e9f81] {
	position: relative;
	cursor: pointer;
	margin-right: 15px
}

.payment-qr-code .heading .back[data-v-486e9f81]:before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-color: transparent transparent #979797 #979797;
	border-style: solid;
	border-width: 0 0 2px 2px;
	transform: rotate(45deg)
}

.payment-qr-code .qr-img[data-v-486e9f81] {
	height: 180px;
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center
}

.payment-qr-code .qr-img img[data-v-486e9f81] {
	max-height: 180px
}

.payment-qr-code .bottom[data-v-486e9f81] {
	height: 25px;
	padding-bottom: 25px;
	text-align: center;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center
}

.payment-qr-code .bottom img[data-v-486e9f81] {
	width: 25px;
	margin-right: 10px
}

.iconfont[data-v-537e1b43] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-537e1b43]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-537e1b43]:before {
	content: "\e601"
}

.conpon-wrap[data-v-537e1b43] {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.conpon-masker[data-v-537e1b43] {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .2)
}

.conpon-inner[data-v-537e1b43] {
	position: relative;
	width: 300px;
	padding-bottom: 20px;
	border-radius: 2px;
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .15);
	background-color: #fff;
	transition: all .2s linear
}

.conpon-inner.conpon-inner--blus[data-v-537e1b43] {
	margin-top: 0
}

.conpon-inner.conpon-inner--focus[data-v-537e1b43] {
	margin-top: -100px
}

.conpon-inner .heading[data-v-537e1b43] {
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #ededed;
	padding-left: 15px
}

.conpon-inner .content .conpon-input[data-v-537e1b43] {
	padding: 25px 25px 20px
}

.conpon-inner .content .conpon-input .state-text[data-v-537e1b43] {
	color: red;
	font-size: 14px;
	margin-top: 6px
}

.conpon-inner .content .conpon-input input[data-v-537e1b43] {
	outline: none;
	width: 100%;
	height: 35px;
	text-indent: 5px;
	font-size: 14px;
	border-radius: 2px;
	border: 1px solid #007fff;
	box-sizing: border-box
}

.conpon-inner .footer[data-v-537e1b43] {
	padding-left: 25px;
	padding-right: 25px;
	display: flex;
	justify-content: flex-end;
	align-items: center
}

.conpon-inner .footer .btn[data-v-537e1b43] {
	cursor: pointer;
	padding-left: 20px;
	padding-right: 20px
}

.conpon-inner .footer .cancel[data-v-537e1b43] {
	color: #a5a5a5
}

.conpon-inner .footer .ok[data-v-537e1b43] {
	margin-left: 10px;
	height: 26px;
	line-height: 26px;
	border-radius: 2px;
	border: 1px solid #007fff;
	color: #007fff
}

.iconfont[data-v-35c95b80] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-35c95b80]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-35c95b80]:before {
	content: "\e601"
}

.button--buy[data-v-35c95b80] {
	width: 100%;
	font-size: 18px;
	line-height: 1;
	padding: 14px 30px;
	background-color: #007fff;
	color: #fff;
	text-align: center
}

.button--buy[data-v-35c95b80]:disabled {
	background-color: #c9c9c9;
	opacity: .8
}

.button--buy[data-v-35c95b80]:not(:disabled):hover {
	background-color: #0371df
}

.payment-dialog[data-v-35c95b80] {
	background-color: #fff;
	color: #333
}

.payment-dialog .sale-card[data-v-35c95b80] {
	margin-left: 5px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	padding-left: 6px;
	padding-right: 6px;
	border-radius: 2px;
	background-color: #fa5600;
	color: #fff
}

.payment-dialog .cell>div[data-v-35c95b80] {
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 14px;
	padding-bottom: 14px;
	font-size: 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0 1px 0 #ededed
}

.payment-dialog .cell>div .pay-bar[data-v-35c95b80],
.payment-dialog .cell>div.pay-sale[data-v-35c95b80] {
	box-shadow: none
}

.payment-dialog .close-btn[data-v-35c95b80] {
	position: absolute;
	right: 20px;
	top: 25px;
	cursor: pointer;
	width: 15px;
	height: 15px
}

.payment-dialog .close-btn[data-v-35c95b80]:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 2px;
	background-color: #bec3c7;
	transform: translate(-50%, -50%) rotate(-45deg);
	transform-origin: center
}

.payment-dialog .close-btn[data-v-35c95b80]:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 2px;
	background-color: #bec3c7;
	transform: translate(-50%, -50%) rotate(45deg);
	transform-origin: center
}

.payment-dialog .name[data-v-35c95b80] {
	font-size: 15px
}

.payment-dialog div.title[data-v-35c95b80] {
	margin-left: 0;
	margin-right: 0;
	padding: 18px 35px 18px 20px;
	font-size: 20px
}

.payment-dialog .price .rmb[data-v-35c95b80] {
	font-size: 18px;
	font-weight: 500
}

.payment-dialog .price .delete[data-v-35c95b80] {
	color: #b0b0b0;
	text-decoration: line-through;
	margin-left: 3px
}

.payment-dialog .price .price-sale[data-v-35c95b80] {
	display: flex;
	align-items: center
}

.payment-dialog .pay-way img[data-v-35c95b80] {
	height: 27px;
	display: block
}

.payment-dialog .pay-way .ali-pay[data-v-35c95b80] {
	display: flex;
	align-items: center
}

.payment-dialog .pay-way .ali-pay img[data-v-35c95b80] {
	height: 22px;
	margin-right: 3px
}

.payment-dialog .pay-sale[data-v-35c95b80] {
	cursor: pointer
}

.payment-dialog .pay-sale .sale-choose[data-v-35c95b80] {
	display: flex;
	justify-content: flex-end;
	align-items: center
}

.payment-dialog .pay-sale .sale-choose .sale-item[data-v-35c95b80] {
	display: flex;
	align-items: center
}

.payment-dialog .pay-sale .sale-choose .sale-item input[data-v-35c95b80] {
	margin-right: 3px
}

.payment-dialog .pay-sale .sale-choose .sale-item .text[data-v-35c95b80] {
	font-size: 14px;
	margin-right: 3px
}

.payment-dialog .pay-sale .sale-choose .sale-item[data-v-35c95b80]:not(:first-child) {
	margin-left: 10px
}

.payment-dialog .pay-sale .sale-choose .not-sale[data-v-35c95b80] {
	color: #a5a5a5
}

.payment-dialog .pay-sale.disabled[data-v-35c95b80] {
	cursor: default
}

.payment-dialog .pay-sale.disabled .not-sale[data-v-35c95b80] {
	text-decoration: line-through
}

.payment-dialog .pay-bar[data-v-35c95b80] {
	padding-top: 17px;
	padding-bottom: 17px
}

.iconfont[data-v-a5795884] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-a5795884]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-a5795884]:before {
	content: "\e601"
}

.payment-wrap[data-v-a5795884] {
	position: fixed;
	z-index: 500
}

.payment-wrap .payment-masker[data-v-a5795884] {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 500;
	background-color: rgba(0, 0, 0, .65)
}

.payment-wrap .payment-inner[data-v-a5795884] {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 360px;
	min-height: 100px;
	z-index: 501;
	border-radius: 2px;
	overflow: hidden;
	transition: all .2s linear;
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .15);
	background-color: #fff
}

.fade-enter-active[data-v-a5795884],
.fade-leave-active[data-v-a5795884] {
	transition: opacity .35s
}

.fade-enter[data-v-a5795884],
.fade-leave-to[data-v-a5795884] {
	opacity: 0
}

.iconfont[data-v-00017844] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-00017844]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-00017844]:before {
	content: "\e601"
}

.user-masker[data-v-00017844] {
	display: flex;
	align-items: center;
	height: 7rem;
	padding: 1rem 2.4rem;
	box-sizing: border-box
}

.user-masker[data-v-00017844]:before {
	content: "";
	background-color: hsla(0, 0%, 94.5%, .3);
	width: 100%;
	height: 40%
}

.user[data-v-00017844] {
	position: relative;
	box-sizing: border-box
}

.user[data-v-00017844]:hover {
	background-color: hsla(0, 0%, 87.1%, .1)
}

.link[data-v-00017844] {
	display: flex;
	align-items: center;
	padding: .5rem 2.4rem;
	min-height: 7rem
}

.avatar[data-v-00017844] {
	flex: 0 0 auto;
	margin-right: 1.667rem;
	width: 3.75rem;
	height: 3.75rem;
	border-radius: 50%
}

.info-box[data-v-00017844] {
	flex: 1 1 auto;
	min-width: 0
}

.info-box .username[data-v-00017844] {
	font-size: 1.333rem;
	font-weight: 500;
	color: #393939
}

.info-box .detail[data-v-00017844] {
	margin-top: .6rem;
	font-size: 1rem;
	font-weight: 500;
	color: #b9c0c8;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.follow-btn[data-v-00017844] {
	flex: 0 0 auto;
	margin: 0 0 0 1rem;
	padding: 0;
	width: 6.6rem;
	height: 2.5rem;
	font-size: 1.1rem;
	color: #37c701;
	background-color: #fff;
	border: 1px solid rgba(55, 199, 1, .6);
	border-radius: 2px
}

.follow-btn[data-v-00017844]:hover {
	opacity: .8
}

.follow-btn.active[data-v-00017844] {
	color: #fff;
	background-color: #37c701
}

.iconfont[data-v-35dad722] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-35dad722]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-35dad722]:before {
	content: "\e601"
}

.userlist-modal[data-v-35dad722] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: hsla(0, 0%, 100%, .96);
	overflow: auto;
	z-index: 251
}

.close-btn[data-v-35dad722] {
	position: fixed;
	top: 2rem;
	right: 3rem;
	padding: .5rem;
	font-size: 1.4rem;
	color: #333;
	cursor: pointer
}

.close-btn[data-v-35dad722]:hover {
	color: #000
}

.modal-content[data-v-35dad722] {
	margin: 6rem auto 4rem;
	width: 45rem;
	max-width: 90%
}

.modal-content>.title[data-v-35dad722] {
	margin: 0 0 3.4rem;
	font-size: 2.167rem;
	font-weight: 600;
	text-align: center;
	color: #393939
}

.iconfont[data-v-29b81e66] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-29b81e66]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-29b81e66]:before {
	content: "\e601"
}

.user-notification[data-v-29b81e66] {
	padding: 2rem;
	background: #fff;
	display: flex;
	flex-direction: column;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
	position: relative
}

.followed[data-v-29b81e66] {
	display: flex;
	flex-direction: column
}

.followed .topbar[data-v-29b81e66] {
	padding: .5rem 0;
	color: #17181a;
	font-size: 1.3rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between
}

.followed .topbar .all[data-v-29b81e66] {
	color: #027fff;
	cursor: pointer
}

.followed .content[data-v-29b81e66] {
	padding: 1rem;
	display: flex;
	flex-direction: row;
	border-radius: 2px;
	border: 1px solid #ebebeb;
	justify-content: space-between;
	align-items: center
}

.followed .content .profile[data-v-29b81e66] {
	display: flex;
	flex-direction: row
}

.followed .content .profile .avatar[data-v-29b81e66] {
	width: 4.15rem;
	height: 4.15rem;
	border-radius: 100%
}

.followed .content .profile .info[data-v-29b81e66] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 1rem
}

.followed .content .profile .info span.name[data-v-29b81e66] {
	font-size: 1.3rem;
	font-weight: 600;
	color: #2e3135
}

.followed .content .profile .info span.position[data-v-29b81e66] {
	color: #8a9aa9;
	font-size: 1.2rem;
	padding: .5rem 0;
	text-overflow: ellipsis;
	max-width: 40rem;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap
}

.followed .content .follow-btn[data-v-29b81e66] {
	font-size: 1.333rem;
	font-weight: 600;
	width: 9rem;
	height: 2.833rem;
	color: #37c701;
	border-radius: 3px;
	background-color: #fff;
	border: 1px solid #37c701
}

.followed .content .follow-btn[data-v-29b81e66]:hover {
	opacity: .8
}

.followed .content .follow-btn.active[data-v-29b81e66] {
	color: #fff;
	background-color: #37c701
}

.link[data-v-29b81e66] {
	justify-content: space-between
}

.link .user[data-v-29b81e66],
.link[data-v-29b81e66] {
	display: flex;
	flex-direction: row
}

.link .user .avatar[data-v-29b81e66] {
	width: 3.75rem;
	height: 3.75rem;
	border-radius: 100%
}

.link .user .profile[data-v-29b81e66] {
	padding: 0 1rem;
	color: #8a9aa9;
	font-size: 1rem
}

.link .user .profile .name[data-v-29b81e66] {
	color: #2e3135;
	font-size: 1.3rem;
	font-weight: 600
}

.link .user .profile .name .multi[data-v-29b81e66] {
	margin-left: .333rem;
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 400
}

.link .user .profile .info[data-v-29b81e66] {
	font-size: 1.166rem;
	padding: .5rem 0;
	display: flex
}

.link .user .profile .info span[data-v-29b81e66] {
	margin-right: .5rem
}

.link .user .profile .info .position[data-v-29b81e66] {
	text-overflow: ellipsis;
	max-width: 40rem;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap
}

.link .check[data-v-29b81e66] {
	font-size: 1.16rem;
	cursor: pointer;
	color: #027fff
}

.entry[data-v-29b81e66] {
	padding: 0 0 0 5rem;
	font-size: 1.25rem
}

.entry .content[data-v-29b81e66] {
	color: #17181a;
	padding: 0 0 .6rem
}

.entry .entryUrl[data-v-29b81e66] {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-radius: 2px;
	background-color: #f8f8f8;
	height: 3.25rem;
	padding: 0 1rem;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.entry .entryUrl .icon[data-v-29b81e66] {
	flex: 0 0 auto;
	width: 1.4rem;
	height: 1.4rem;
	background-repeat: no-repeat;
	background-size: 100% 120%;
	display: inline-block
}

.entry .entryUrl .icon.comment[data-v-29b81e66] {
	transform: scaleX(-1)
}

.entry .entryUrl span[data-v-29b81e66] {
	color: #2e3135;
	text-overflow: ellipsis;
	overflow: hidden
}

.entry .entryUrl span em[data-v-29b81e66] {
	color: #a1a9b3;
	font-style: normal;
	padding: 0 .5rem
}

.entry .entryUrl span a[data-v-29b81e66] {
	color: #2e3135
}

.entry .entryUrl span a[data-v-29b81e66]:hover {
	color: #007fff
}

.user-list[data-v-29b81e66] {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #fff
}

.user-list .title[data-v-29b81e66] {
	color: #393939;
	font-size: 2rem;
	font-weight: 600;
	line-height: 3rem;
	height: 3rem;
	text-align: center
}

@media (max-width:600px) {
	.user-notification[data-v-29b81e66] {
		padding: 1rem
	}

	.user-notification .others .link[data-v-29b81e66] {
		font-size: 1.083rem
	}

	.user-notification .others .link .user .avatar[data-v-29b81e66] {
		width: 3rem;
		height: 3rem
	}

	.user-notification .others .link .user .profile .name[data-v-29b81e66] {
		font-size: 1.166rem
	}

	.user-notification .others .link .user .profile .info[data-v-29b81e66] {
		font-size: 1.083rem;
		padding: 0;
		display: flex
	}

	.user-notification .others .link .user .profile .info .position[data-v-29b81e66] {
		text-overflow: ellipsis;
		max-width: 15rem;
		display: inline-block;
		overflow: hidden;
		white-space: nowrap
	}

	.user-notification .entry[data-v-29b81e66] {
		padding: 0 0 0 2rem;
		margin-top: 1rem
	}

	.user-notification .entry .content[data-v-29b81e66] {
		font-size: 1.166rem
	}

	.user-notification .entry .entryUrl[data-v-29b81e66] {
		padding: .5rem 1rem;
		font-size: 1.083rem;
		height: 2rem
	}

	.user-notification .followed .topbar[data-v-29b81e66] {
		font-size: 1.166rem
	}

	.user-notification .followed .content[data-v-29b81e66] {
		padding: .5rem
	}

	.user-notification .followed .content .profile .avatar[data-v-29b81e66] {
		width: 3rem;
		height: 3rem
	}

	.user-notification .followed .content .profile .info[data-v-29b81e66] {
		font-size: 1.083rem
	}

	.user-notification .followed .content .profile .info .name[data-v-29b81e66] {
		font-size: 1.166rem
	}

	.user-notification .followed .content .profile .info .position[data-v-29b81e66] {
		font-size: 1.083rem;
		text-overflow: ellipsis;
		max-width: 15rem;
		display: inline-block;
		overflow: hidden;
		white-space: nowrap
	}

	.user-notification .followed .follow-btn[data-v-29b81e66] {
		width: 7rem;
		height: 2.8rem;
		line-height: 2.8rem;
		padding: 0;
		font-size: 1.166rem
	}
}

.iconfont[data-v-3b104afa] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-3b104afa]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-3b104afa]:before {
	content: "\e601"
}

.notification .wrap[data-v-3b104afa] {
	display: flex;
	align-items: baseline;
	font-size: 1.25rem;
	cursor: pointer;
	line-height: 1.5;
	color: #666;
	padding: 0 2rem
}

.notification .wrap:hover .read-state[data-v-3b104afa] {
	color: #007fff
}

.notification .wrap .title[data-v-3b104afa] {
	flex: 1 1 auto
}

.notification .wrap .title[data-v-3b104afa] .highlight {
	margin: 0 .1em;
	font-weight: 600;
	color: #666
}

.notification .wrap .title[data-v-3b104afa] .highlight:hover {
	color: #007fff
}

.notification .wrap .read-state[data-v-3b104afa] {
	margin-left: 2em;
	font-size: 1rem;
	color: #f1f1f1
}

.notification .wrap.unread[data-v-3b104afa] {
	color: #007fff
}

.notification .wrap .date[data-v-3b104afa] {
	min-width: 10em;
	font-size: 1rem;
	text-align: right;
	white-space: nowrap
}

@media (max-width:600px) {
	.notification .wrap[data-v-3b104afa] {
		font-size: 1rem
	}

	.notification .wrap .read-state[data-v-3b104afa] {
		margin-left: 1rem
	}

	.notification .wrap .date[data-v-3b104afa] {
		min-width: 5rem
	}

	.notification .wrap .date .icon[data-v-3b104afa] {
		display: none
	}
}

.skeleton-row[data-v-22003a48] {
	margin-bottom: .8rem;
	height: 1.2rem;
	background-color: #f3f3f3
}

.skeleton-avatar[data-v-22003a48] {
	border-radius: 50%;
	background-color: #f3f3f3
}

.skeleton-notification[data-v-22003a48] {
	padding: 2rem;
	min-height: 140px;
	background-color: #fff;
	box-sizing: border-box
}

.skeleton-notification-header[data-v-22003a48] {
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row
}

.skeleton-notification-header .skeleton-avatar[data-v-22003a48] {
	width: 3.75rem;
	height: 3.75rem
}

.skeleton-notification-header .profile[data-v-22003a48] {
	margin-left: 1.2rem
}

.skeleton-notification-header .profile .name[data-v-22003a48] {
	margin-top: .3rem;
	width: 5rem
}

.skeleton-notification-header .profile .info[data-v-22003a48] {
	width: 8rem
}

.skeleton-notification-body[data-v-22003a48] {
	padding: 0 0 0 5rem
}

.skeleton-notification-body .skeleton-row[data-v-22003a48]:last-of-type {
	margin-bottom: 0;
	width: 90%
}

.iconfont[data-v-5d0ad250] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-5d0ad250]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-5d0ad250]:before {
	content: "\e601"
}

.notification-list.system[data-v-5d0ad250] {
	padding: 1.666rem 0;
	width: 700px;
	background: #fff;
	border-radius: 0
}

.notification-list .item[data-v-5d0ad250]:not(:last-child) {
	margin-bottom: 1.333rem
}

.empty[data-v-5d0ad250] {
	text-align: center;
	font-size: 1.3rem;
	color: #666
}

@media (max-width:600px) {
	.notification-list.system[data-v-5d0ad250] {
		width: 100%
	}
}

.user-view[data-v-2dee05ce] {
	position: relative;
	width: 700px
}

.user-view .notification-list[data-v-2dee05ce] {
	width: 100%;
	margin-bottom: 1rem
}

@media (max-width:980px) {
	.user-view[data-v-2dee05ce] {
		width: 100%
	}
}

.iconfont[data-v-7e798e57] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-7e798e57]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-7e798e57]:before {
	content: "\e601"
}

.banner[data-v-7e798e57] {
	position: relative;
	font-size: 0;
	cursor: pointer
}

.banner .banner-image[data-v-7e798e57] {
	width: 100%;
	height: 100%
}

.banner .ctrl-box .close-btn[data-v-7e798e57] {
	position: absolute;
	top: .5rem;
	right: .5rem;
	font-size: 1rem;
	color: #909090;
	opacity: .5;
	display: none
}

.banner .ctrl-box .close-btn[data-v-7e798e57]:hover {
	opacity: 1
}

.banner .ctrl-box .label[data-v-7e798e57] {
	position: absolute;
	right: 10px;
	bottom: 10px;
	line-height: 36px;
	height: 36px;
	font-size: 20px;
	z-index: 1;
	-ms-transform: scale(.5);
	transform: scale(.5);
	-webkit-transform: scale(.5);
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform-origin: right bottom;
	color: #fff;
	background-color: rgba(0, 0, 0, .2);
	border: 1px solid #fff;
	border-radius: 6px;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: 300
}

.banner .ctrl-box .label[data-v-7e798e57]:hover {
	background-color: rgba(0, 0, 0, .4)
}

.banner .ctrl-box .label:hover .inco[data-v-7e798e57] {
	display: inline-block
}

.banner .ctrl-box .label span[data-v-7e798e57] {
	vertical-align: top
}

.banner .ctrl-box .label .inco[data-v-7e798e57] {
	display: none
}

.banner:hover .ctrl-box .close-btn[data-v-7e798e57] {
	display: block
}

.recommend-author-block[data-v-0ca36ebe] {
	background-color: #fff
}

.recommend-author-block .user-block-header[data-v-0ca36ebe] {
	padding: 1rem 1.3rem;
	border-bottom: 1px solid hsla(0, 0%, 59.2%, .1)
}

.recommend-author-block .item .link[data-v-0ca36ebe] {
	padding: 1rem 1.3rem;
	display: flex;
	align-items: center;
	cursor: pointer
}

.recommend-author-block .item .link[data-v-0ca36ebe]:hover {
	background-color: hsla(0, 0%, 84.7%, .1)
}

.recommend-author-block .item .link .avatar[data-v-0ca36ebe] {
	flex: 0 0 auto;
	width: 3.8rem;
	height: 3.8rem;
	border-radius: 50%;
	margin-right: .8rem
}

.recommend-author-block .item .link .user-info[data-v-0ca36ebe] {
	overflow: hidden
}

.recommend-author-block .item .link .username[data-v-0ca36ebe] {
	font-size: 1.16rem;
	font-weight: 400;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 3px
}

.recommend-author-block .item .link .description[data-v-0ca36ebe],
.recommend-author-block .item .link .position[data-v-0ca36ebe] {
	color: #909090;
	font-size: 1rem;
	margin-bottom: 3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.recommend-author-block .item .more[data-v-0ca36ebe] {
	color: #007fff;
	padding: 1rem 0;
	text-align: center;
	border-top: 1px solid hsla(0, 0%, 59.2%, .1)
}

.recommend-author-block .item .more[data-v-0ca36ebe]:hover {
	cursor: pointer
}

.recommend-author-block .item .more .icon[data-v-0ca36ebe] {
	margin-left: 5px
}

.content-box[data-v-2bb303b5] {
	font-size: 15px;
	line-height: 1.6;
	white-space: pre-wrap;
	color: #17181a;
	overflow: hidden
}

.topic-title[data-v-2bb303b5] {
	margin-right: .3em;
	color: #007fff
}

.limit-btn[data-v-2bb303b5] {
	display: inline-block;
	margin-top: .4rem;
	color: #007fff;
	cursor: pointer;
	user-select: none
}

.limit-btn[data-v-2bb303b5]:hover {
	opacity: .8
}

[data-v-2bb303b5] .emoji {
	width: 1.666rem;
	height: 1.666rem;
	vertical-align: sub
}

.iconfont[data-v-6820850e] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-6820850e]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-6820850e]:before {
	content: "\e601"
}

.link-box[data-v-6820850e] {
	display: flex;
	align-items: center;
	padding: .833rem 1.333rem;
	width: 44.166rem;
	max-width: 100%;
	max-height: 7.083rem;
	background-color: #fff;
	border: 1px solid #ebebeb;
	border-radius: 4px;
	box-sizing: border-box
}

@media (max-width:600px) {
	.link-box .link-thumb[data-v-6820850e] {
		width: 6rem;
		height: 6rem
	}

	.link-box .link-info-box[data-v-6820850e] {
		height: 6rem
	}
}

.link-box[data-v-6820850e]:hover {
	box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .1)
}

.link-thumb[data-v-6820850e] {
	flex: 0 0 auto;
	margin-left: 1.333rem;
	width: 5.416rem;
	height: 5.416rem;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 2px
}

.link-thumb.blank[data-v-6820850e] {
	background: url(https://b-gold-cdn.xitu.io/v3/static/img/defaultThumb.023ed66.svg);
	background-repeat: no-repeat;
	background-size: cover
}

.link-info-box[data-v-6820850e] {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	height: 5.416rem;
	min-width: 0
}

.link-info-box .link-title[data-v-6820850e] {
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.5;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	white-space: nowrap
}

.link-info-box .link-domain[data-v-6820850e] {
	margin-top: auto;
	font-size: 1.167rem;
	color: #8a93a0
}

.carousel-loading[data-v-5177371b] {
	width: 80px;
	height: 76px;
	overflow: hidden
}

.carousel-loading .content[data-v-5177371b] {
	position: relative;
	transform: scale(1.8)
}

.carousel-loading .section[data-v-5177371b] {
	margin-left: 22px;
	position: absolute;
	animation: fade-data-v-5177371b 1.2s infinite
}

.carousel-loading .section.a[data-v-5177371b] {
	top: 0;
	left: 14px
}

.carousel-loading .section.b[data-v-5177371b] {
	top: 12px;
	left: 7px;
	animation-delay: .2s
}

.carousel-loading .section.c[data-v-5177371b] {
	top: 20px;
	left: 0;
	animation-delay: .4s
}

@-moz-keyframes fade-data-v-5177371b {
	0% {
		opacity: 0
	}

	35% {
		opacity: 1
	}

	60% {
		opacity: 0
	}

	to {
		opacity: 0
	}
}

@-webkit-keyframes fade-data-v-5177371b {
	0% {
		opacity: 0
	}

	35% {
		opacity: 1
	}

	60% {
		opacity: 0
	}

	to {
		opacity: 0
	}
}

@-o-keyframes fade-data-v-5177371b {
	0% {
		opacity: 0
	}

	35% {
		opacity: 1
	}

	60% {
		opacity: 0
	}

	to {
		opacity: 0
	}
}

@keyframes fade-data-v-5177371b {
	0% {
		opacity: 0
	}

	35% {
		opacity: 1
	}

	60% {
		opacity: 0
	}

	to {
		opacity: 0
	}
}

.gallery-wrap[data-v-519bb190] {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1001
}

.gallery-overlay[data-v-519bb190] {
	position: absolute;
	top: 0;
	width: 100%;
	height: 600px;
	background-color: #000
}

.gallery-inner[data-v-519bb190] {
	user-select: none
}

.gallery-inner .control[data-v-519bb190],
.gallery-inner .counter-bar-wrapper[data-v-519bb190] {
	position: absolute;
	cursor: pointer;
	z-index: 1003
}

.gallery-inner .control.next[data-v-519bb190],
.gallery-inner .control.prev[data-v-519bb190],
.gallery-inner .counter-bar-wrapper.next[data-v-519bb190],
.gallery-inner .counter-bar-wrapper.prev[data-v-519bb190] {
	width: 30vw;
	height: 100vh
}

.gallery-inner .control.prev[data-v-519bb190],
.gallery-inner .counter-bar-wrapper.prev[data-v-519bb190] {
	left: 0;
	cursor: url(https://b-gold-cdn.xitu.io/v3/static/img/left.906c5c1.cur), auto
}

.gallery-inner .control.next[data-v-519bb190],
.gallery-inner .counter-bar-wrapper.next[data-v-519bb190] {
	right: 0;
	cursor: url(https://b-gold-cdn.xitu.io/v3/static/img/right.6275260.cur), auto
}

.gallery-inner .control.close[data-v-519bb190],
.gallery-inner .counter-bar-wrapper.close[data-v-519bb190] {
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: hsla(0, 0%, 41.2%, .2);
	transition: .2s
}

.gallery-inner .control.close[data-v-519bb190]:hover,
.gallery-inner .counter-bar-wrapper.close[data-v-519bb190]:hover {
	transform: rotate(-90deg);
	background-color: hsla(0, 0%, 58.8%, .5)
}

.gallery-inner .control.close .close-icon[data-v-519bb190],
.gallery-inner .counter-bar-wrapper.close .close-icon[data-v-519bb190] {
	position: absolute;
	top: 35%;
	left: 35%;
	width: 30%;
	height: 30%
}

.gallery-inner .control.close .close-icon .close-path[data-v-519bb190],
.gallery-inner .counter-bar-wrapper.close .close-icon .close-path[data-v-519bb190] {
	fill: #fff
}

.gallery-inner.control-hidden .control[data-v-519bb190] {
	display: none
}

.gallery-inner .counter-bar-wrapper[data-v-519bb190] {
	bottom: 0;
	width: 100%;
	height: 66px;
	line-height: 66px;
	text-align: center;
	cursor: default
}

.gallery-inner .counter-bar-wrapper:hover .counter-bar[data-v-519bb190] {
	transform: translateY(0)
}

.gallery-inner .counter-bar-wrapper .counter-bar[data-v-519bb190] {
	background-color: rgba(0, 0, 0, .6);
	transform: translateY(100%);
	transition: .3s
}

.gallery-inner .counter-bar-wrapper .counter-hinter[data-v-519bb190] {
	font-size: 24px;
	font-weight: 600;
	color: hsla(0, 0%, 100%, .6)
}

.gallery-inner .counter-bar-wrapper .counter-hinter .current-index[data-v-519bb190] {
	margin-right: 8px;
	font-size: 36px;
	color: #fff
}

.gallery-contents[data-v-519bb190] {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #222
}

.gallery-contents .slide[data-v-519bb190] {
	position: absolute;
	top: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center
}

.gallery-contents .slide.zoomable[data-v-519bb190] {
	cursor: zoom-in
}

.gallery-contents .slide.zoomed[data-v-519bb190] {
	align-items: baseline;
	cursor: zoom-out;
	overflow: auto
}

.gallery-contents .slide.zoomed .slide-img[data-v-519bb190] {
	max-width: 100%;
	max-height: inherit
}

.gallery-contents .slide .slide-img[data-v-519bb190] {
	position: relative;
	max-width: 100vw;
	max-height: 100vh;
	z-index: 1000
}

.gallery-contents .slide .loading[data-v-519bb190] {
	position: absolute;
	top: calc(50% - 38px);
	z-index: 999
}

.fade-enter-active[data-v-519bb190],
.fade-leave-active[data-v-519bb190] {
	transition: opacity .3s
}

.fade-enter[data-v-519bb190],
.fade-leave-to[data-v-519bb190] {
	opacity: 0
}

.mobile-gallery[data-v-e85337ac] {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	background-color: #000;
	z-index: 10000
}

.mobile-gallery-close[data-v-e85337ac],
.mobile-gallery-counter[data-v-e85337ac] {
	position: fixed;
	z-index: 10001
}

.mobile-gallery-counter[data-v-e85337ac] {
	top: 24px;
	width: 100%;
	font-size: 16px;
	letter-spacing: 2px;
	text-shadow: 0 0 3px #333;
	text-align: center
}

.mobile-gallery-close[data-v-e85337ac] {
	top: 20px;
	right: 20px;
	padding: 4px 16px;
	font-size: 14px;
	border-radius: 3px;
	background-color: rgba(0, 0, 0, .3);
	border: 1px solid hsla(0, 0%, 100%, .3)
}

.mobile-gallery-loading[data-v-e85337ac] {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px;
	z-index: 10001
}

.mobile-gallery-group[data-v-e85337ac],
.mobile-gallery-img[data-v-e85337ac] {
	height: 100%;
	overflow-y: scroll
}

.mobile-gallery-group[data-v-e85337ac] {
	font-size: 0
}

.mobile-gallery-img[data-v-e85337ac] {
	float: left
}

.mobile-gallery-img img[data-v-e85337ac] {
	position: relative;
	display: block;
	width: 100%
}

.pin-carousel[data-v-a15ba946] {
	width: 100%
}

.action-bar[data-v-a15ba946] {
	height: 32px;
	user-select: none;
	background-color: #f4f5f7
}

.action-item[data-v-a15ba946] {
	padding: 0 12px;
	display: inline-block;
	font-size: 13px;
	color: #76797e;
	cursor: pointer;
	line-height: 32px
}

.action-item:not(.not-allow):hover .icon svg path[data-v-a15ba946] {
	fill: #027fff
}

.action-item:not(.not-allow):hover .action-name[data-v-a15ba946] {
	color: #027fff
}

.action-item .action-name[data-v-a15ba946],
.action-item .icon[data-v-a15ba946] {
	display: inline-block
}

.action-item .icon[data-v-a15ba946] {
	margin-right: 6px;
	vertical-align: middle
}

.action-item .action-name[data-v-a15ba946],
.action-item .icon svg path[data-v-a15ba946] {
	transition: .2s
}

.action-item.not-allow[data-v-a15ba946] {
	cursor: not-allowed;
	opacity: .6
}

.carousel-body[data-v-a15ba946] {
	position: relative;
	height: 320px;
	background-color: #f4f5f7;
	overflow: hidden;
	transition: height .2s
}

.carousel-body .carousel-error[data-v-a15ba946],
.carousel-body .carousel-image[data-v-a15ba946],
.carousel-body .carousel-loading[data-v-a15ba946] {
	position: absolute
}

.carousel-body .carousel-error[data-v-a15ba946],
.carousel-body .carousel-loading[data-v-a15ba946] {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.carousel-body .carousel-error[data-v-a15ba946] {
	width: 50px
}

.carousel-body .carousel-image[data-v-a15ba946] {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	transform-origin: top left
}

.carousel-body .toggle-area[data-v-a15ba946] {
	position: absolute;
	top: 0;
	width: 30%;
	height: 100%;
	z-index: 1
}

.carousel-body .toggle-area.prev[data-v-a15ba946] {
	left: 0;
	cursor: url(https://b-gold-cdn.xitu.io/v3/static/img/cursor-left.3ea194b.cur), auto
}

.carousel-body .toggle-area.next[data-v-a15ba946] {
	right: 0;
	cursor: url(https://b-gold-cdn.xitu.io/v3/static/img/cursor-right.81d4720.cur), auto
}

.carousel-body .toggle-area.zoomout[data-v-a15ba946] {
	width: 100%;
	cursor: zoom-out;
	z-index: 0
}

.nav-list[data-v-a15ba946] {
	margin-top: 8px;
	font-size: 0
}

.nav-item[data-v-a15ba946] {
	display: inline-block;
	width: 10.22222%;
	cursor: pointer;
	overflow: hidden
}

.nav-item+.nav-item[data-v-a15ba946] {
	margin-left: 1%
}

.nav-item .thumb[data-v-a15ba946] {
	position: relative;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	border: 2px solid transparent;
	box-sizing: border-box;
	overflow: hidden;
	opacity: .6;
	transition: .2s
}

.nav-item .thumb[data-v-a15ba946]:after,
.nav-item .thumb[data-v-a15ba946]:before {
	content: "";
	display: block
}

.nav-item .thumb[data-v-a15ba946]:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid transparent;
	box-sizing: border-box;
	transition: .2s
}

.nav-item .thumb[data-v-a15ba946]:after {
	padding-top: 100%
}

.nav-item .thumb.active[data-v-a15ba946],
.nav-item .thumb[data-v-a15ba946]:hover {
	border-color: #027fff;
	opacity: 1
}

.nav-item .thumb.active[data-v-a15ba946]:before,
.nav-item .thumb[data-v-a15ba946]:hover:before {
	border-color: #fff
}

.fade-enter-active[data-v-a15ba946],
.fade-leave-active[data-v-a15ba946] {
	transition: opacity .3s
}

.fade-enter[data-v-a15ba946],
.fade-leave-to[data-v-a15ba946] {
	opacity: 0
}

.image-box[data-v-032576dc] {
	display: flex;
	flex-wrap: wrap;
	max-width: 100%
}

.image-box.col-1 .image[data-v-032576dc] {
	width: 16.666rem
}

.image-box.col-1 .image.long[data-v-032576dc] {
	width: 12.333rem
}

.image-box.col-3[data-v-032576dc] {
	width: 398px
}

.image-box.col-3 .image[data-v-032576dc] {
	width: calc((100% - 8px)/3);
	max-width: 9.166rem
}

.image-box.col-3 .image[data-v-032576dc]:not(:nth-child(3n)) {
	margin-right: 4px
}

.image-box.col-4[data-v-032576dc] {
	width: 532px
}

.image-box.col-4 .image[data-v-032576dc] {
	width: calc((100% - 12px)/4);
	max-width: 9.166rem
}

.image-box.col-4 .image[data-v-032576dc]:not(:nth-child(4n)) {
	margin-right: 4px
}

.image[data-v-032576dc] {
	flex: 0 1 auto;
	position: relative;
	margin-top: 4px;
	max-width: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: zoom-in
}

.image .ratio-holder[data-v-032576dc] {
	pointer-events: none
}

.image .label[data-v-032576dc] {
	position: absolute;
	right: .667rem;
	bottom: .667rem;
	padding: .1rem .3rem;
	font-size: 1rem;
	color: #fff;
	background-color: rgba(0, 0, 0, .49);
	border: 1px solid #fff;
	border-radius: 2px;
	user-select: none
}

.iconfont[data-v-58725d94] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-58725d94]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-58725d94]:before {
	content: "\e601"
}

.action-box[data-v-58725d94] {
	display: flex;
	position: relative;
	margin-top: 1.333rem;
	height: 34px;
	border-top: 1px solid #ebebeb
}

@media (max-width:600px) {
	.action-box .action[data-v-58725d94] {
		flex: 1 1 50%
	}

	.action-box .share-action[data-v-58725d94] {
		display: none
	}
}

.action[data-v-58725d94] {
	flex: 1 1 33.333%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 100%;
	cursor: pointer;
	user-select: none
}

.action:hover .action-title-box[data-v-58725d94] {
	opacity: .8
}

.action[data-v-58725d94]:not(:last-child):after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -1rem;
	width: 1px;
	height: 2rem;
	background-color: #ebebeb
}

@media (max-width:600px) {
	.action[data-v-58725d94]:nth-child(2):after {
		display: none
	}
}

.action.like-action.active .action-title[data-v-58725d94] {
	color: #37c700
}

.action-title-box[data-v-58725d94] {
	display: flex;
	align-items: center;
	justify-content: center
}

.action-title-box .icon[data-v-58725d94] {
	width: 18px;
	height: 18px
}

.action-title-box .action-title[data-v-58725d94] {
	margin-left: .3em;
	font-size: 13px;
	font-weight: 500;
	color: #8a93a0
}

.share-panel[data-v-58725d94] {
	position: absolute;
	top: 100%;
	left: 50%;
	margin: 0 0 0 -5.5rem;
	width: 11rem;
	background-color: #fff;
	border: 1px solid #ebebeb;
	border-radius: 2px;
	z-index: 101
}

.share-panel.top[data-v-58725d94] {
	top: auto;
	bottom: 100%
}

.share-panel.top[data-v-58725d94]:after,
.share-panel.top[data-v-58725d94]:before {
	display: none
}

.share-panel[data-v-58725d94]:after,
.share-panel[data-v-58725d94]:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%
}

.share-panel[data-v-58725d94]:before {
	margin: -7px 0 0 -7px;
	border: 7px solid transparent;
	border-top: none;
	border-bottom: 7px solid #ebebeb
}

.share-panel[data-v-58725d94]:after {
	margin: -6px 0 0 -6px;
	border: 6px solid transparent;
	border-top: none;
	border-bottom: 6px solid #fff
}

.share-panel .share-item[data-v-58725d94] {
	padding: .5rem .9rem
}

.share-panel .share-item[data-v-58725d94]:not(:last-child) {
	border-bottom: 1px solid #ebebeb
}

.share-panel .share-item[data-v-58725d94]:hover {
	background-color: #fdfdfd
}

.share-panel .share-title-box[data-v-58725d94] {
	display: flex;
	align-items: center;
	font-size: 1.167rem;
	color: #8a93a0
}

.share-panel .share-title-box .icon[data-v-58725d94] {
	margin-right: .8rem;
	width: 20px
}

.share-panel .qr-code[data-v-58725d94] {
	margin: .6rem 0 .8rem;
	height: 8.333rem;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain
}

@media (max-width:600px) {
	.sticky[data-v-58725d94] {
		position: fixed;
		width: 100%;
		bottom: 0;
		margin-top: 0;
		height: 47px;
		z-index: 1;
		background: #fff
	}
}

.iconfont[data-v-6d8eded1] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-6d8eded1]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-6d8eded1]:before {
	content: "\e601"
}

.auth-card[data-v-6d8eded1] {
	position: relative
}

.auth-cover[data-v-6d8eded1] {
	color: #b1bac2;
	font-size: 1.17rem;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	z-index: 1;
	user-select: none;
	background-color: #fafafb
}

.auth-cover>a[data-v-6d8eded1] {
	color: #007fff
}

@media (max-width:600px) {
	.auth-cover[data-v-6d8eded1] {
		font-size: 1rem;
		flex-wrap: wrap
	}
}

.input[data-v-03c58488] {
	display: none
}

.preview-box[data-v-03c58488] {
	display: inline-block;
	position: relative;
	max-height: 16rem;
	max-width: 16rem
}

.preview-box .preview[data-v-03c58488] {
	max-width: 100%;
	max-height: 100%
}

.preview-box .clean-btn[data-v-03c58488] {
	position: absolute;
	top: 1rem;
	right: 1rem;
	padding: 0;
	line-height: 1;
	color: #fff;
	text-shadow: #000 0 0 2px;
	background-color: transparent;
	opacity: .8
}

.preview-box .clean-btn[data-v-03c58488]:hover {
	opacity: 1
}

.upload-btn[data-v-03c58488] {
	padding: 0;
	height: 3rem;
	color: #909090;
	background-color: transparent;
	cursor: pointer
}

.upload-btn[data-v-03c58488]:hover {
	color: #333
}

.iconfont[data-v-4194659e] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-4194659e]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-4194659e]:before {
	content: "\e601"
}

.avatar[data-v-4194659e] {
	width: 3rem;
	height: 3rem
}

.comment-form[data-v-4194659e] {
	position: relative;
	padding: 1.3rem 1.3rem 1.3rem 6rem;
	background-color: #f8f9fa;
	border: 1px solid #f1f1f1;
	border-radius: 4px
}

.comment-form.unauthorized[data-v-4194659e] {
	padding: 0
}

@media (max-width:600px) {
	.comment-form[data-v-4194659e] {
		padding: 1rem
	}
}

.comment-form .avatar[data-v-4194659e] {
	position: absolute;
	left: 2rem;
	top: 1.3rem;
	width: 3.4rem;
	height: 3.4rem;
	border-radius: 50%
}

@media (max-width:600px) {
	.comment-form .avatar[data-v-4194659e] {
		display: none
	}
}

.comment-form .content-input[data-v-4194659e] {
	height: 3.4rem;
	line-height: 1.9rem;
	border-radius: 4px;
	padding: .6rem;
	border: 1px solid #ddd;
	font-size: 1.3rem
}

.comment-form .content-input[data-v-4194659e]:hover {
	border-color: #007fff
}

.comment-form .action-box[data-v-4194659e] {
	display: flex;
	justify-content: flex-end;
	margin-top: 1rem
}

.comment-form .action-box .image-uploader[data-v-4194659e] {
	flex: 1 1 auto;
	margin-right: 1rem;
	font-size: 1.334rem
}

.comment-form .action-box .submit-box[data-v-4194659e] {
	white-space: nowrap
}

.comment-form .action-box .submit-text[data-v-4194659e] {
	margin-right: .8rem;
	color: #909090
}

@media (max-width:600px) {
	.comment-form .action-box .submit-text[data-v-4194659e] {
		display: none
	}
}

.comment-form .action-box .submit-btn[data-v-4194659e] {
	padding: 0;
	width: 6rem;
	height: 3rem;
	font-size: 1.3rem
}

.unauthorized-panel[data-v-4194659e] {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2.5rem 1rem
}

.unauthorized-panel .authorize-btn[data-v-4194659e] {
	padding: .5rem 1rem;
	font-size: 1rem;
	color: #007fff;
	background-color: transparent;
	border: 1px solid;
	border-radius: 3px
}

.unauthorized-panel .authorize-btn[data-v-4194659e]:hover {
	color: #005eee
}

.unauthorized-panel .placeholder[data-v-4194659e] {
	margin-left: 1.3rem;
	font-size: 1.167rem;
	font-weight: 500;
	color: #4a4a4a
}

.submitting-mask[data-v-4194659e] {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	color: #666;
	background-color: hsla(0, 0%, 100%, .8);
	z-index: 1
}

.open-in-app[data-v-835c4564] {
	position: fixed;
	left: 50%;
	bottom: 2rem;
	height: 2.5em;
	padding: 0 1.5em;
	font-size: 1.167rem;
	background-color: #007fff;
	border-radius: 1.5em;
	border: none;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
	outline: none;
	transform: translate(-50%);
	z-index: 2000;
	display: none
}

@media (max-width:600px) {
	.open-in-app[data-v-835c4564] {
		display: block
	}
}

.rank[data-v-788b7e67] {
	margin-left: .33rem;
	vertical-align: middle
}

.iconfont[data-v-47e2c657] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-47e2c657]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-47e2c657]:before {
	content: "\e601"
}

.info-box[data-v-47e2c657] {
	display: flex;
	flex-direction: column;
	justify-content: center
}

@media (max-width:600px) {
	.info-box[data-v-47e2c657] {
		align-items: center
	}

	.info-box .intro[data-v-47e2c657],
	.info-box .position[data-v-47e2c657] {
		text-align: center
	}

	.info-box .intro .icon[data-v-47e2c657],
	.info-box .position .icon[data-v-47e2c657] {
		display: none
	}
}

.info-box .top[data-v-47e2c657] {
	display: flex;
	align-items: center
}

.info-box .top .username[data-v-47e2c657] {
	margin: 0;
	padding: 0;
	font-size: 2.167rem;
	font-weight: 600;
	line-height: 1.2;
	color: #000
}

@media (max-width:700px) {
	.info-box .top .username[data-v-47e2c657] {
		font-size: 1.5rem;
		font-weight: 500
	}
}

.info-box .top .link[data-v-47e2c657] {
	display: block;
	width: 47px;
	height: 24px;
	margin-left: 1rem;
	border-radius: 1rem;
	background-image: url(https://gold-cdn.xitu.io/asset/2018/link-icon.png);
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	box-shadow: 3px 3px 6px -3px #999
}

.info-box .top .link[data-v-47e2c657]:hover {
	opacity: .8
}

.info-box .intro[data-v-47e2c657],
.info-box .position[data-v-47e2c657] {
	display: flex;
	font-size: 1.25rem;
	line-height: 1.5;
	color: #72777b;
	overflow: hidden
}

.info-box .intro .icon[data-v-47e2c657],
.info-box .position .icon[data-v-47e2c657] {
	flex: 0 0 auto;
	margin-right: .6rem;
	height: 1.8rem
}

.info-box .intro .content[data-v-47e2c657],
.info-box .position .content[data-v-47e2c657] {
	flex: 1 1 auto;
	font-size: 1.17rem
}

@media (max-width:700px) {

	.info-box .intro .content[data-v-47e2c657],
	.info-box .position .content[data-v-47e2c657] {
		font-size: 1.17rem;
		opacity: .7;
		color: #30445a
	}
}

.info-box .intro .content .split[data-v-47e2c657],
.info-box .position .content .split[data-v-47e2c657] {
	display: inline-block;
	margin: 0 .5em;
	width: 1px;
	height: .7em;
	background-color: #72777b;
	opacity: .5
}

.info-box .intro .info-input[data-v-47e2c657],
.info-box .position .info-input[data-v-47e2c657] {
	color: #4a68ad;
	cursor: pointer
}

.info-box .intro .info-input[data-v-47e2c657]:hover,
.info-box .position .info-input[data-v-47e2c657]:hover {
	opacity: .8
}

.info-box .intro .info-input[data-v-47e2c657]:before,
.info-box .position .info-input[data-v-47e2c657]:before {
	content: "+ "
}

.info-box .position[data-v-47e2c657] {
	margin-top: 1rem
}

.info-box .intro[data-v-47e2c657] {
	margin-top: .4rem
}

.info-box .rank[data-v-47e2c657] img {
	vertical-align: super
}

@media (max-width:700px) {
	.info-box .rank[data-v-47e2c657] img {
		vertical-align: initial
	}
}

.link[data-v-0cf93172]:not(:first-child) {
	margin-left: 1rem
}

.link[data-v-0cf93172]:hover {
	opacity: .8
}

.link.inactive[data-v-0cf93172] {
	opacity: .5;
	filter: url("data:image/svg+xml;utf8,&lt;svg xmlns='http://www.w3.org/2000/svg'&gt;&lt;filter id='grayscale'&gt;&lt;feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
	filter: grayscale(100%)
}

.user[data-v-4a4a90d2] {
	display: flex;
	align-items: center
}

.avatar[data-v-4a4a90d2] {
	flex: 0 0 auto;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	margin-right: 1.3rem
}

.user-info[data-v-4a4a90d2] {
	flex: 1 1 auto;
	overflow: hidden
}

.intro[data-v-4a4a90d2] {
	color: #666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.username[data-v-4a4a90d2] {
	font-size: 1.4rem;
	color: #333;
	font-weight: 400
}

.follow-btn[data-v-4a4a90d2] {
	min-width: 7rem;
	background-color: transparent;
	border: 1px solid #37c700;
	color: #37c700
}

.follow-btn[data-v-4a4a90d2]:hover {
	border-color: #3cb40e;
	color: #3cb40e
}

.follow-btn.followed[data-v-4a4a90d2] {
	background-color: #37c700;
	color: #fff
}

.follow-btn.followed[data-v-4a4a90d2]:hover {
	background-color: #3cb40e
}

.related-user-list-modal[data-v-388c3f3c] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: hsla(0, 0%, 100%, .95);
	overflow-y: auto;
	z-index: 250
}

.title[data-v-388c3f3c] {
	margin: 5rem 0 2rem;
	text-align: center
}

.user-list[data-v-388c3f3c] {
	margin: auto;
	padding: 0 0 2rem;
	width: 40rem;
	max-width: 90%
}

.user-list .item[data-v-388c3f3c] {
	padding: 1rem 0
}

.close-btn[data-v-388c3f3c] {
	position: fixed;
	top: 2rem;
	right: 3rem;
	font-size: 1.3rem;
	cursor: pointer
}

.iconfont[data-v-54d155e0] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-54d155e0]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-54d155e0]:before {
	content: "\e601"
}

.books-index-view[data-v-54d155e0] {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative
}

.books-index-view .nav-list[data-v-54d155e0] {
	position: relative
}

.books-index-view .nav-list .nav-item.right[data-v-54d155e0] {
	position: absolute;
	top: 0;
	right: 0
}

.books-index-view.no-header[data-v-54d155e0] {
	margin-top: 0;
	padding-top: 3.833rem
}

.books-index-view.no-header .view-nav[data-v-54d155e0] {
	top: 0;
	box-shadow: none
}

.books-index-view.no-header .view-nav[data-v-54d155e0]:before {
	height: 0
}

.books-index-view.no-header .view-nav[data-v-54d155e0]:after {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 0;
	border-top: 1px solid #ddd;
	transform-origin: 0 0;
	transform: scaleY(.5);
	z-index: 2
}

.books-index-view .books-solgan[data-v-54d155e0] {
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	padding-top: 30px;
	padding-bottom: 50px;
	text-align: center
}

.books-index-view .books-solgan .title[data-v-54d155e0] {
	font-size: 20px;
	color: #007fff;
	margin-bottom: 15px
}

.books-index-view .books-solgan .desc[data-v-54d155e0] {
	font-size: 15px;
	color: #333;
	line-height: 1.7
}

.books-index-view .more-category[data-v-54d155e0] {
	cursor: pointer;
	position: relative;
	font-size: 1.16rem;
	color: #71777c;
	padding: 0 1rem;
	height: 100%
}

.books-index-view .more-category:hover .txt[data-v-54d155e0] {
	color: #007fff
}

.books-index-view .more-category:hover .txt[data-v-54d155e0]:before {
	border-top-color: inherit;
	transform: rotate(-180deg)
}

.books-index-view .more-category:hover .txt[data-v-54d155e0]:after {
	top: 22px;
	transform: rotate(-180deg)
}

.books-index-view .more-category:hover .menu[data-v-54d155e0] {
	display: block
}

.books-index-view .more-category .txt[data-v-54d155e0] {
	display: flex;
	height: 100%;
	align-items: center;
	padding-right: 15px
}

.books-index-view .more-category .txt[data-v-54d155e0]:before {
	right: 0;
	top: 20px;
	border-color: #72777b transparent transparent;
	border-width: 6px 6px 0
}

.books-index-view .more-category .txt[data-v-54d155e0]:after,
.books-index-view .more-category .txt[data-v-54d155e0]:before {
	position: absolute;
	display: block;
	content: "";
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	border-style: solid;
	transform-origin: center center;
	transition: transform .25s linear
}

.books-index-view .more-category .txt[data-v-54d155e0]:after {
	right: 1px;
	top: 19px;
	border-color: #fff transparent transparent;
	border-width: 5px 5px 0
}

.books-index-view .more-category .menu[data-v-54d155e0] {
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	min-width: 100px;
	border-radius: 2px;
	background-color: #fff;
	color: #71777c;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15)
}

.books-index-view .more-category .menu .category[data-v-54d155e0] {
	padding-left: 10px;
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	cursor: pointer
}

.books-index-view .more-category .menu .category.route-active[data-v-54d155e0],
.books-index-view .more-category .menu .category[data-v-54d155e0]:hover {
	background-color: #f9f9f9;
	color: #007fff
}

.list-wrap[data-v-54d155e0] {
	position: relative;
	min-height: calc(100vh - 340px);
	margin-bottom: 50px;
	padding-bottom: env(safe-area-inset-bottom)
}

.copy-right[data-v-54d155e0] {
	text-align: center;
	font-size: 14px;
	opacity: .7;
	color: #3a4e64;
	margin-bottom: 40px
}

.copy-right a[data-v-54d155e0] {
	color: inherit
}

.books-list[data-v-54d155e0] {
	width: 100%;
	max-width: 700px;
	box-shadow: 0 1px 3px 0 rgba(4, 5, 13, .23)
}

.aside[data-v-54d155e0] {
	position: absolute;
	right: 0;
	top: 0;
	width: 240px
}

.aside .sticky-section[data-v-54d155e0] {
	position: fixed;
	top: 127px
}

.aside .sticky-section .section[data-v-54d155e0] {
	width: 240px;
	overflow: hidden;
	border-radius: 2px;
	box-shadow: 0 1px 3px 0 rgba(4, 5, 13, .23);
	background-color: #fff
}

.aside .sticky-section .section.announcement[data-v-54d155e0] {
	margin-bottom: 10px
}

.aside .sticky-section .section .announcement-content[data-v-54d155e0] {
	padding: 15px 16px;
	display: flex;
	align-items: center
}

.aside .sticky-section .section .announcement-content img[data-v-54d155e0] {
	height: 32px;
	width: auto
}

.aside .sticky-section .section .announcement-content span[data-v-54d155e0] {
	margin-left: 10px;
	font-size: 14px;
	font-weight: 500;
	color: #000
}

.aside .sticky-section .section .announcement-content[data-v-54d155e0]:hover {
	background-color: #f9f9f9
}

.aside .sticky-section .section .slogan[data-v-54d155e0] {
	padding: 15px 16px;
	border-bottom: 1px solid #e6e8e8
}

.aside .sticky-section .section .slogan .title[data-v-54d155e0] {
	font-size: 15px;
	color: #000
}

.aside .sticky-section .section .slogan .desc[data-v-54d155e0] {
	margin-top: 8px;
	line-height: 1.4;
	font-size: 14px;
	color: #646464
}

.aside .sticky-section .section .wechat-qr[data-v-54d155e0] {
	padding: 12px 16px
}

.aside .sticky-section .section .wechat-qr .title[data-v-54d155e0] {
	font-size: 15px
}

.aside .sticky-section .section .wechat-qr .qr-img[data-v-54d155e0] {
	margin-top: 9px;
	height: 95px;
	background: url(https://b-gold-cdn.xitu.io/v3/static/img/wechat-qr.f1926e7.png) no-repeat center 0;
	background-size: contain;
	border-radius: 2px
}

.aside .sticky-section .help[data-v-54d155e0] {
	margin-top: 10px;
	display: flex;
	justify-content: center;
	align-items: center
}

.aside .sticky-section .help .items[data-v-54d155e0] {
	flex-grow: 1;
	display: flex;
	height: 90px;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #71777b
}

.aside .sticky-section .help .items[data-v-54d155e0]:hover {
	background-color: #f9f9f9
}

.aside .sticky-section .help .items[data-v-54d155e0]:first-child {
	position: relative
}

.aside .sticky-section .help .items[data-v-54d155e0]:first-child:after {
	content: "";
	position: absolute;
	width: 0;
	height: 45px;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	border-right: 1px solid #efefef
}

.aside .sticky-section .help .items img[data-v-54d155e0] {
	width: auto;
	height: 28px
}

.aside .sticky-section .help .items .title[data-v-54d155e0] {
	margin-top: 8px;
	font-size: 14px
}

.aside .sticky-section .book-new-user-ticket-for-book-index[data-v-54d155e0] {
	margin-top: 10px
}

.aside.top .sticky-section[data-v-54d155e0] {
	top: 67px
}

.books-masker[data-v-54d155e0] {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: rgba(0, 0, 0, .54)
}

.books-masker .qr-popup[data-v-54d155e0] {
	width: 258px;
	height: 378px;
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/masker.8cd50e6.png);
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -189px;
	margin-left: -129px;
	text-align: center;
	color: #fff;
	padding-top: 32px;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box
}

.books-masker .qr-popup .close[data-v-54d155e0] {
	position: absolute;
	right: 16px;
	top: 16px;
	font-size: 14px;
	line-height: 1;
	cursor: pointer
}

.books-masker .qr-popup .title[data-v-54d155e0] {
	font-size: 28px;
	font-weight: 300
}

.books-masker .qr-popup .title span[data-v-54d155e0] {
	display: block;
	text-align: center
}

.books-masker .qr-popup .qr-code[data-v-54d155e0] {
	margin-top: 68px
}

.books-masker .qr-popup .qr-code img[data-v-54d155e0] {
	width: 140px;
	height: 140px
}

@media (max-width:960px) {
	.books-index-view .books-list[data-v-54d155e0] {
		margin-left: auto;
		margin-right: auto
	}

	.books-index-view .aside[data-v-54d155e0],
	.books-index-view .books-list[data-v-54d155e0]:before {
		display: none
	}
}

@media (max-width:700px) {
	.books-index-view .books-solgan[data-v-54d155e0] {
		max-width: 100%;
		padding: 35px;
		box-sizing: border-box
	}

	.books-index-view .books-solgan .desc[data-v-54d155e0] {
		font-size: 13px
	}

	.copy-right[data-v-54d155e0] {
		display: none
	}
}

@media (max-width:750px) {
	.view-nav .nav-list .more-category[data-v-54d155e0] {
		display: none
	}
}

.fools[data-v-54d155e0] {
	margin-top: 0
}

.fools .aside .sticky-section[data-v-54d155e0] {
	position: relative;
	top: 0
}

.fools .fools-header[data-v-54d155e0] {
	margin-top: -21px;
	width: 100%;
	height: 150px;
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/banner-pc.c144cfe.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	text-align: center
}

@media (max-width:375px) {
	.fools .fools-header[data-v-54d155e0] {
		margin-top: 0;
		height: 150px;
		background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/banner-m.b1b89c7.png);
		background-repeat: no-repeat;
		background-position: bottom;
		background-size: cover
	}
}

.iconfont[data-v-94e3fb04] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-94e3fb04]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-94e3fb04]:before {
	content: "\e601"
}

.one-collection[data-v-94e3fb04] {
	position: relative;
	height: 100%
}

.one-collection:hover .mask[data-v-94e3fb04] {
	background-color: rgba(0, 0, 0, .3)
}

.one-collection .thumb[data-v-94e3fb04] {
	width: 100%;
	height: 100%;
	border-radius: 2px
}

.one-collection .mask[data-v-94e3fb04] {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 2px;
	transition: all .2s;
	background-color: hsla(0, 0%, 43.1%, 0);
	background-image: linear-gradient(hsla(0, 0%, 55.7%, .3), rgba(70, 70, 70, .6))
}

.one-collection .content[data-v-94e3fb04] {
	position: absolute;
	top: 1.1rem;
	left: 1.1rem;
	right: 1.1rem;
	bottom: 1.1rem;
	overflow: hidden;
	z-index: 1
}

.one-collection .content .title[data-v-94e3fb04] {
	position: absolute;
	left: 0;
	right: 4rem;
	bottom: 3rem;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4;
	color: #fff;
	cursor: pointer
}

.one-collection .content .meta-list[data-v-94e3fb04] {
	position: absolute;
	left: 0;
	right: 5em;
	bottom: 0;
	height: 28px;
	font-size: 12px;
	line-height: 28px;
	color: #fff;
	white-space: nowrap;
	overflow: hidden
}

.one-collection .content .meta-list .meta[data-v-94e3fb04] {
	display: inline-block;
	max-width: 7rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.one-collection .content .meta-list .meta[data-v-94e3fb04]:first-child {
	max-width: 6rem
}

.one-collection .content .meta-list .meta[data-v-94e3fb04]:not(:first-child):before {
	content: "·";
	margin: 0 .4rem
}

.one-collection .content .follow-btn[data-v-94e3fb04] {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 4.8rem;
	height: 25px;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	background: transparent;
	border: 1px solid #fff;
	border-radius: 2px;
	padding: 0
}

.one-collection .content .follow-btn.followed[data-v-94e3fb04],
.one-collection .content .follow-btn[data-v-94e3fb04]:hover {
	background-color: hsla(0, 0%, 100%, .5)
}

.one-collection .content .follow-btn .busy-icon[data-v-94e3fb04]:before {
	animation: busy-ani-data-v-94e3fb04 1s linear infinite
}

@-moz-keyframes busy-ani-data-v-94e3fb04 {
	to {
		transform: rotate(1turn)
	}
}

@-webkit-keyframes busy-ani-data-v-94e3fb04 {
	to {
		transform: rotate(1turn)
	}
}

@-o-keyframes busy-ani-data-v-94e3fb04 {
	to {
		transform: rotate(1turn)
	}
}

@keyframes busy-ani-data-v-94e3fb04 {
	to {
		transform: rotate(1turn)
	}
}

.iconfont[data-v-ecc61384] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-ecc61384]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-ecc61384]:before {
	content: "\e601"
}

.masker[data-v-ecc61384] {
	position: relative;
	height: 100%;
	border-color: hsla(0, 0%, 94.5%, .1);
	background-color: hsla(0, 0%, 94.5%, .3)
}

.collection-list[data-v-43ea5388] {
	padding: 2.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap
}

.item[data-v-43ea5388] {
	margin: 0 0 1.4rem;
	width: calc(50% - .8rem);
	height: 13.3rem;
	box-sizing: border-box
}

.empty[data-v-43ea5388] {
	width: 100%;
	font-size: 1.2rem;
	text-align: center
}

@media (max-width:600px) {
	.item[data-v-43ea5388] {
		width: 100%
	}
}

.container[data-v-700b9ff0] {
	width: 14px;
	height: 14px;
	position: relative;
	border-top: 1px solid #fff;
	transform: rotate(180deg);
	display: inline-block
}

.container .triangle[data-v-700b9ff0] {
	position: absolute;
	margin: auto;
	top: -6px;
	left: 0;
	right: 0;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	background: #fff
}

.user-popover-box[data-v-9461b1b2] {
	display: inline
}

.user-popover[data-v-9461b1b2] {
	position: fixed;
	top: 20rem;
	left: 2rem;
	padding: 1.333rem 1.333rem 1.833rem;
	width: 267px;
	max-height: 160px;
	font-weight: 400;
	line-height: 1.2;
	background-color: #fff;
	border: 1px solid #ebebeb;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .08);
	box-sizing: border-box;
	border-radius: 2px;
	cursor: default;
	z-index: 250
}

@media (max-width:$width-small) {
	.user-popover[data-v-9461b1b2] {
		display: none
	}
}

.info-row[data-v-9461b1b2] {
	display: flex
}

.info-row .avatar[data-v-9461b1b2] {
	flex: 0 0 auto;
	margin-right: 1rem;
	width: 4.833rem;
	height: 4.833rem;
	border-radius: 50%;
	border: 1px solid #fff;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15)
}

.info-row .user-info[data-v-9461b1b2] {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	line-height: 1
}

.info-row .user-info .username[data-v-9461b1b2] {
	margin-top: .333rem;
	font-size: 1.25rem;
	line-height: 1.2;
	font-weight: 500;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.info-row .user-info .position[data-v-9461b1b2] {
	margin: 1.5rem 0 0;
	font-size: 1.083rem;
	line-height: 1.2;
	color: #8f969c;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.meta-row[data-v-9461b1b2] {
	display: flex;
	align-items: flex-end;
	margin-top: 1.5rem
}

.meta-row .meta-list[data-v-9461b1b2] {
	flex: 1 1 auto;
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none
}

.meta-row .meta-list .item[data-v-9461b1b2] {
	flex: 1 1 auto
}

.meta-row .meta-list .item .count[data-v-9461b1b2] {
	font-size: 1.25rem;
	font-weight: 600;
	color: #17181a
}

.meta-row .meta-list .item .title[data-v-9461b1b2] {
	margin-top: .666rem;
	font-size: 13px;
	color: #8f969c
}

.meta-row .follow-btn[data-v-9461b1b2] {
	flex: 0 0 auto;
	margin: 0 0 0 1rem;
	padding: 0;
	width: 6.167rem;
	height: 2.5rem;
	font-size: 1.25rem;
	letter-spacing: normal;
	color: #37c701;
	background-color: #fff;
	border: 1px solid #37c701;
	border-radius: 2px
}

.meta-row .follow-btn[data-v-9461b1b2]:hover:not(:disabled) {
	opacity: .8
}

.meta-row .follow-btn.followed[data-v-9461b1b2] {
	color: #fff;
	background-color: #1fd200
}

.meta-row .follow-btn[data-v-9461b1b2]:disabled {
	color: #ccc;
	border-color: #ccc
}

.triangle-bottom[data-v-9461b1b2] {
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -5px
}

.triangle-bottom.container[data-v-9461b1b2] {
	transform: rotate(0deg)
}

.triangle-bottom.isTop[data-v-9461b1b2] {
	bottom: 158px
}

.triangle-bottom.isTop.container[data-v-9461b1b2] {
	transform: rotate(180deg)
}

.fade-enter-active[data-v-9461b1b2],
.fade-leave-active[data-v-9461b1b2] {
	transition: opacity .2s
}

.fade-enter[data-v-9461b1b2],
.fade-leave-to[data-v-9461b1b2] {
	opacity: 0
}

.comment-list-header[data-v-44e89d44] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 1.167rem;
	color: #666
}

.sort-list[data-v-44e89d44] {
	margin: 0;
	padding: 0;
	list-style: none
}

.sort-list .item[data-v-44e89d44] {
	float: right;
	margin-left: 1rem;
	cursor: pointer
}

.sort-list .item.active[data-v-44e89d44],
.sort-list .item[data-v-44e89d44]:hover {
	color: #007fff
}

.iconfont[data-v-81f85188] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-81f85188]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-81f85188]:before {
	content: "\e601"
}

.source-header[data-v-81f85188] {
	padding: 0 20px;
	display: flex;
	height: 43px;
	align-items: center;
	border-bottom: 1px solid #ebebeb;
	font-size: 13px;
	color: #8a9aa9;
	box-sizing: border-box
}

.source-header .username[data-v-81f85188] {
	margin: 0 4px;
	font-weight: 500;
	color: #17181a
}

@media (max-width:600px) {
	.source-header .username[data-v-81f85188] {
		max-width: 170px;
		display: inline-block;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		vertical-align: middle
	}
}

.iconfont[data-v-4244acd0] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-4244acd0]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-4244acd0]:before {
	content: "\e601"
}

.emoji-picker .emojis .category[data-v-4244acd0] {
	max-width: 280px;
	max-height: 225px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start
}

.emoji-picker .emojis .category .item[data-v-4244acd0] {
	font-size: 1.4rem;
	padding: 5px 4.5px;
	cursor: pointer
}

.emoji-picker .emojis .category .item[data-v-4244acd0] .emoji {
	width: 22px;
	height: 22px;
	display: block
}

.emoji-picker .emojis .category .item[data-v-4244acd0] .emoji:hover {
	transform: scale(1.2)
}

.iconfont[data-v-6781ceb8] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-6781ceb8]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-6781ceb8]:before {
	content: "\e601"
}

.emoji[data-v-6781ceb8] {
	position: relative
}

.emoji .emoji-box[data-v-6781ceb8] {
	display: flex;
	align-items: center;
	position: relative;
	color: #027fff;
	cursor: pointer;
	font-size: 1.2rem
}

.emoji .emoji-box .icon[data-v-6781ceb8] {
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-size: cover
}

.emoji .emoji-box span[data-v-6781ceb8] {
	padding: .166rem;
	font-size: 13px
}

.emoji .emoji-selector[data-v-6781ceb8] {
	padding: 1rem;
	position: absolute;
	top: 2.8rem;
	z-index: 1;
	bottom: 0;
	width: 280px;
	height: 17.5rem;
	border-radius: 2px;
	background-color: #fff;
	box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .16)
}

.emoji .emoji-selector .triangle[data-v-6781ceb8] {
	position: absolute;
	top: -.7rem;
	left: 15%;
	width: 0;
	height: 0;
	transform: translate(-50%, -50%);
	border: .8rem solid transparent;
	border-bottom-color: #fff
}

.emoji .emoji-selector .emoji-content[data-v-6781ceb8] {
	overflow: auto;
	margin-bottom: 10px
}

.emoji .emoji-selector ul.nextpage[data-v-6781ceb8] {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	bottom: 10px;
	left: 50%;
	transform: translate(-50%, -50%)
}

.emoji .emoji-selector ul.nextpage li[data-v-6781ceb8] {
	margin: 0 5px;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background-color: #f0f0f0;
	cursor: pointer
}

.emoji .emoji-selector ul.nextpage li.active[data-v-6781ceb8] {
	cursor: default;
	background-color: #d8d8d8
}

.iconfont[data-v-0fd7177e] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-0fd7177e]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-0fd7177e]:before {
	content: "\e601"
}

.comment-form[data-v-0fd7177e] {
	display: flex;
	position: relative;
	padding: 1rem 1.333rem;
	background-color: #fafbfc;
	border-radius: 3px
}

.comment-form.focused .input-box[data-v-0fd7177e] {
	border-color: #007fff
}

.comment-form.reply[data-v-0fd7177e] {
	margin-top: 1.083rem;
	padding: 1rem
}

.comment-form.reply .avatar-box[data-v-0fd7177e] {
	display: none
}

.comment-form.sub-reply[data-v-0fd7177e] {
	background-color: #fff;
	border: 1px solid #f1f1f2
}

.avatar-box[data-v-0fd7177e] {
	flex: 0 0 auto
}

@media (max-width:600px) {
	.avatar-box[data-v-0fd7177e] {
		display: none
	}
}

.avatar[data-v-0fd7177e] {
	margin: 0 1rem 0 0;
	width: 2.667rem;
	height: 2.667rem;
	border-radius: 50%
}

.form-box[data-v-0fd7177e] {
	flex: 1 1 auto;
	position: relative
}

.form-box.disabled[data-v-0fd7177e]:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1
}

.input-box[data-v-0fd7177e] {
	font-size: 0;
	background-color: #fff;
	border: 1px solid #f1f1f1;
	border-radius: 3px
}

.rich-input[data-v-0fd7177e] {
	position: relative;
	padding: .6rem 1rem;
	font-size: 1.083rem;
	line-height: 1.7;
	color: #17181a;
	outline: none;
	min-height: 1.3em
}

.rich-input[data-v-0fd7177e]:before {
	content: attr(placeholder);
	position: absolute;
	opacity: .4;
	pointer-events: none;
	user-select: none
}

.rich-input[data-v-0fd7177e]:not(.empty):before {
	display: none
}

.image-preview-box[data-v-0fd7177e] {
	display: inline-block;
	position: relative;
	margin: 0 1rem 1rem
}

.image-preview-box .image-preview[data-v-0fd7177e] {
	width: 6.667rem;
	height: 6.667rem;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.image-preview-box .clean-btn[data-v-0fd7177e] {
	position: absolute;
	top: .333rem;
	right: .333rem;
	cursor: pointer
}

.image-preview-box .clean-btn[data-v-0fd7177e]:hover {
	opacity: .8
}

.action-box[data-v-0fd7177e] {
	display: flex;
	align-items: center;
	margin: .65rem 0 0
}

@media (max-width:600px) {
	.action-box .emoji-btn[data-v-0fd7177e] {
		display: none
	}
}

[data-v-0fd7177e] .action-box .emoji-btn span {
	font-size: 13px
}

.image-btn[data-v-0fd7177e] {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	font-size: 1.083rem;
	color: #027fff;
	cursor: pointer;
	margin-left: 20px
}

.image-btn[data-v-0fd7177e]:hover {
	opacity: .8
}

.image-btn .icon[data-v-0fd7177e] {
	margin-right: .333rem;
	width: 18px;
	height: 18px
}

.submit[data-v-0fd7177e] {
	flex: 0 0 auto;
	margin-left: auto
}

.submit span[data-v-0fd7177e] {
	color: #c2c2c2;
	margin-right: 8px;
	font-size: 13px
}

.submit .submit-btn[data-v-0fd7177e] {
	flex: 0 0 auto;
	margin-left: auto;
	padding: .5rem 1.3rem;
	font-size: 1.25rem;
	color: #fff;
	background-color: #027fff;
	border-radius: 2px;
	cursor: pointer
}

.submit .submit-btn[data-v-0fd7177e]:hover {
	background-color: #0371df
}

.submit .submit-btn[data-v-0fd7177e]:disabled {
	cursor: default;
	opacity: .4
}

[data-v-0fd7177e] .rich-input .emoji {
	vertical-align: sub;
	width: 1.666rem;
	height: 1.666rem;
	cursor: default;
	margin: 0 1px
}

.fade-enter-active[data-v-c41a36e0],
.fade-leave-active[data-v-c41a36e0] {
	transition: opacity .2s
}

.fade-enter[data-v-c41a36e0],
.fade-leave-to[data-v-c41a36e0] {
	opacity: 0
}

.image-box[data-v-c41a36e0] {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	line-height: 0;
	background-color: rgba(0, 0, 0, .8);
	overflow: auto
}

.image[data-v-c41a36e0] {
	position: absolute;
	transition: all .2s;
	cursor: zoom-out
}

.image.error[data-v-c41a36e0] {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.fade-enter-active[data-v-26b0d5ce],
.fade-leave-active[data-v-26b0d5ce] {
	transition: opacity .2s
}

.fade-enter[data-v-26b0d5ce],
.fade-leave-to[data-v-26b0d5ce] {
	opacity: 0
}

.image-box[data-v-26b0d5ce] {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	line-height: 0;
	background-color: rgba(0, 0, 0, .8);
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.image-box.large-long[data-v-26b0d5ce] {
	display: block
}

.image[data-v-26b0d5ce] {
	position: absolute;
	max-width: 100%;
	transition: all .1s
}

.image.zoom[data-v-26b0d5ce] {
	max-width: 1000%
}

.image.error[data-v-26b0d5ce] {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

[data-v-1b2d39f3] .image-viewer {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10000
}

[data-v-1b2d39f3] .image-viewer.loading:after {
	content: "";
	position: absolute;
	top: 0;
	right: 100%;
	width: 50%;
	height: .2rem;
	background-color: #007fff;
	z-index: 1;
	animation: pro-data-v-1b2d39f3 1s ease-in-out infinite;
	animation-delay: 1s
}

@-moz-keyframes pro-data-v-1b2d39f3 {
	0% {
		transform: translateZ(0)
	}

	to {
		transform: translate3d(300%, 0, 0)
	}
}

@-webkit-keyframes pro-data-v-1b2d39f3 {
	0% {
		transform: translateZ(0)
	}

	to {
		transform: translate3d(300%, 0, 0)
	}
}

@-o-keyframes pro-data-v-1b2d39f3 {
	0% {
		transform: translateZ(0)
	}

	to {
		transform: translate3d(300%, 0, 0)
	}
}

@keyframes pro-data-v-1b2d39f3 {
	0% {
		transform: translateZ(0)
	}

	to {
		transform: translate3d(300%, 0, 0)
	}
}

.hot-comments-list-modal[data-v-31b17f66] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: hsla(0, 0%, 100%, .95);
	overflow-y: auto;
	z-index: 250
}

.hot-comments-list-modal .hot-comments-header[data-v-31b17f66] {
	height: 50px;
	line-height: 50px;
	background-color: #fafafa;
	border-bottom: 1px solid #ededed
}

.hot-comments-list-modal .hot-comments-header h3[data-v-31b17f66] {
	margin: 0;
	text-align: center;
	font-weight: 400;
	font-size: 18px
}

.hot-comments-list-modal .hot-comments-header .icon-close[data-v-31b17f66] {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: 1px solid #b6bac1;
	float: left;
	position: absolute;
	left: 15px;
	top: 11px
}

.hot-comments-list-modal .hot-comments-header .icon-close[data-v-31b17f66]:before {
	position: absolute;
	left: 50%;
	top: 50%;
	content: "";
	width: 14px;
	height: 1px;
	background-color: #b6bac1;
	transform: rotate(45deg);
	margin-left: -7px;
	margin-top: -1px
}

.hot-comments-list-modal .hot-comments-header .icon-close[data-v-31b17f66]:after {
	position: absolute;
	left: 50%;
	top: 50%;
	content: "";
	width: 14px;
	height: 1px;
	background-color: #b6bac1;
	transform: rotate(-45deg);
	margin-left: -7px;
	margin-top: -1px
}

.hot-comments-list-modal .comments-list .comment[data-v-31b17f66] {
	background-color: #fff;
	padding-left: 20px;
	padding-right: 38px;
	padding-top: 12px;
	display: flex
}

.hot-comments-list-modal .comments-list .comment .avatar[data-v-31b17f66] {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	flex-shrink: 0
}

.hot-comments-list-modal .comments-list .comment .content-box[data-v-31b17f66] {
	flex-grow: 1;
	margin-left: 8px
}

.hot-comments-list-modal .comments-list .comment .content-box .comment-header[data-v-31b17f66] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 32px;
	line-height: 32px
}

.hot-comments-list-modal .comments-list .comment .content-box .comment-header .user[data-v-31b17f66] {
	color: inherit;
	font-size: 16px
}

.hot-comments-list-modal .comments-list .comment .content-box .comment-header .date[data-v-31b17f66] {
	font-size: 13px;
	color: #b1bac2
}

.hot-comments-list-modal .comments-list .comment .content-box .content[data-v-31b17f66] {
	font-size: 15px;
	padding-bottom: 10px
}

.hot-comments-list-modal .comments-list .comment:not(:last-child) .content-box .content[data-v-31b17f66] {
	border-bottom: 1px solid #eceded
}

.book-card[data-v-216b87d1] {
	max-width: 720px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 12px;
	position: relative;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
	background-color: #fff
}

.book-card .header[data-v-216b87d1] {
	display: flex;
	border-bottom: 1px solid #eceded;
	font-size: 16px;
	background-color: #fff;
	color: #232323
}

.book-card .header .header-item[data-v-216b87d1] {
	min-width: 60px;
	height: 50px;
	line-height: 50px;
	padding-left: 25px;
	padding-right: 25px
}

.book-card .header.header-equal[data-v-216b87d1] {
	cursor: pointer
}

.book-card .header.header-equal .selected[data-v-216b87d1] {
	color: #007fff;
	box-shadow: inset 0 -2px 0 #3780f7
}

.comments-list[data-v-216b87d1] {
	padding-bottom: 5px
}

.comments-list .comment[data-v-216b87d1] {
	background-color: #fff;
	padding-left: 20px;
	padding-right: 40px;
	padding-top: 12px;
	display: flex
}

.comments-list .comment .avatar[data-v-216b87d1] {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	flex-shrink: 0
}

.comments-list .comment .content-box[data-v-216b87d1] {
	flex-grow: 1;
	margin-left: 15px
}

.comments-list .comment .content-box .comment-header[data-v-216b87d1] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 32px;
	line-height: 32px
}

.comments-list .comment .content-box .comment-header .user[data-v-216b87d1] {
	font-size: 16px;
	font-weight: 700;
	color: #232323
}

.comments-list .comment .content-box .comment-header .date[data-v-216b87d1] {
	font-size: 13px;
	color: #b1bac2
}

.comments-list .comment .content-box .content[data-v-216b87d1] {
	font-size: 15px;
	padding-bottom: 10px;
	text-align: justify
}

@media (max-width:640px) {
	.comments-list .comment[data-v-216b87d1] {
		padding-right: 20px
	}

	.comments-list .comment .content-box[data-v-216b87d1] {
		margin-left: 8px
	}

	.comments-list .comment .content-box .comment-header .user[data-v-216b87d1] {
		font-size: 15px
	}
}

.comments-book .comment:not(:last-child) .content-box .footer-line[data-v-216b87d1],
.comments-section .comment:not(:last-child) .content-box .content[data-v-216b87d1] {
	border-bottom: 1px solid #eceded
}

.star-panel[data-v-216b87d1] {
	display: flex
}

.star-panel .star[data-v-216b87d1] {
	width: 15px;
	height: 15px;
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/star.30920c8.svg);
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
	cursor: pointer
}

.star-panel .star.star-selected[data-v-216b87d1] {
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/star-selected.4c987d6.svg);
	background-size: contain
}

.star-panel .star[data-v-216b87d1]:not(:last-child) {
	margin-right: 2px
}

.star-panel .star-title[data-v-216b87d1] {
	color: #e88200;
	font-size: 17px;
	line-height: 25px
}

.hot-comments-pages[data-v-216b87d1] {
	display: flex;
	justify-content: center;
	align-items: center;
	border-top: 1px solid #eceded;
	height: 50px
}

.hot-comments-pages .hot-comments[data-v-216b87d1] {
	display: flex
}

.hot-comments-pages .hot-comments .page[data-v-216b87d1] {
	margin-left: 10px;
	margin-right: 10px;
	font-size: 15px;
	cursor: pointer;
	color: #007fff
}

.hot-comments-pages .hot-comments .page.current[data-v-216b87d1] {
	color: #232323;
	cursor: default
}

.hot-comments-pages .hot-comments .page.omit[data-v-216b87d1] {
	color: #666;
	cursor: default
}

.hot-comments-pages .m-inner-text[data-v-216b87d1] {
	font-size: 15px;
	color: #007fff
}

.comments-book .footer-line[data-v-216b87d1] {
	display: flex;
	justify-content: flex-end;
	color: #b1bac2;
	font-size: 14px;
	padding-bottom: 10px
}

@media (max-width:640px) {
	.book-card .header-equal .header-item[data-v-216b87d1] {
		text-align: center;
		flex-grow: 1;
		flex-shrink: 0
	}
}

.iconfont[data-v-d959287c] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-d959287c]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-d959287c]:before {
	content: "\e601"
}

.masker[data-v-d959287c] {
	position: fixed;
	z-index: 500;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	display: flex;
	justify-content: center;
	align-items: center
}

.masker .box[data-v-d959287c] {
	width: 300px;
	height: auto;
	min-height: 400px;
	border-radius: 3px;
	padding: 35px 25px;
	box-sizing: border-box;
	background-color: #fff;
	position: relative
}

.masker .box .title[data-v-d959287c] {
	font-size: 18px;
	color: #007fff;
	text-align: center
}

.masker .box .desc[data-v-d959287c] {
	color: #939393;
	font-size: 14px;
	margin-top: 15px;
	text-align: center
}

.masker .box .desc .code[data-v-d959287c] {
	color: #000;
	font-weight: 700;
	padding-left: 3px;
	padding-right: 3px
}

.masker .box .qr-box[data-v-d959287c] {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	min-height: 240px
}

.masker .box .qr-box img[data-v-d959287c] {
	width: 180px;
	border-radius: 2px;
	box-shadow: 0 0 30px rgba(0, 0, 0, .2)
}

.masker .box .btn-read[data-v-d959287c] {
	width: 100%;
	height: 32px
}

.masker .box .close-btn[data-v-d959287c] {
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer;
	width: 15px;
	height: 15px
}

.masker .box .close-btn[data-v-d959287c]:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 2px;
	background-color: #bec3c7;
	transform: translate(-50%, -50%) rotate(-45deg);
	transform-origin: center
}

.masker .box .close-btn[data-v-d959287c]:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 2px;
	background-color: #bec3c7;
	transform: translate(-50%, -50%) rotate(45deg);
	transform-origin: center
}

.book-new-user-coupon[data-v-427d81fe] {
	position: relative;
	height: 28px;
	margin-right: 5px;
	display: flex;
	justify-content: flex-end
}

.book-new-user-coupon .icon[data-v-427d81fe] {
	cursor: pointer
}

.book-new-user-coupon .icon img[data-v-427d81fe] {
	height: 28px
}

.book-new-user-coupon .icon:hover+.card[data-v-427d81fe] {
	display: block
}

.book-new-user-coupon .card[data-v-427d81fe] {
	display: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	white-space: nowrap;
	right: 28px;
	line-height: 1;
	color: #8b572a;
	padding: 5px;
	background: -webkit-gradient(linear, right top, left top, from(#eed7a1), to(#fdedc9));
	background: -webkit-linear-gradient(right, #eed7a1, #fdedc9);
	background: linear-gradient(180deg, #eed7a1, #fdedc9);
	background: -webkit-linear-gradient(180deg, #eed7a1, #fdedc9);
	font-size: 12px;
	border-radius: 2px;
	margin-right: 8px;
	font-weight: 400
}

.book-new-user-coupon .card[data-v-427d81fe]:after {
	position: absolute;
	content: "";
	right: 0;
	width: 0;
	height: 0;
	top: 50%;
	margin-top: -6px;
	right: -6px;
	border-color: transparent transparent transparent #eed7a1;
	border-style: solid;
	border-width: 6px 0 6px 6px
}

.section[data-v-2290d2bc] {
	position: relative;
	min-height: 75px;
	cursor: default;
	padding-left: 20px;
	padding-right: 35px;
	border-radius: 2px;
	font-size: 14px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #8f9193
}

.section.section-link[data-v-2290d2bc] {
	cursor: pointer
}

.section[data-v-2290d2bc]:hover {
	color: #333;
	background-color: #e9e9e9
}

.section:hover .more[data-v-2290d2bc] {
	display: block
}

.section.read[data-v-2290d2bc] {
	color: #333
}

.section.route-active[data-v-2290d2bc] {
	color: #333;
	background-color: #e0e0e0
}

.section.read .step .step-btn[data-v-2290d2bc],
.section.route-active .step .step-btn[data-v-2290d2bc] {
	border-color: #007fff;
	color: #007fff
}

.section.read .step[data-v-2290d2bc]:after,
.section.read .step[data-v-2290d2bc]:before,
.section.route-active .step[data-v-2290d2bc]:after,
.section.route-active .step[data-v-2290d2bc]:before {
	background-color: #007fff
}

.section.route-active .step[data-v-2290d2bc]:after {
	background-color: #b5b7ba
}

.section .center[data-v-2290d2bc] {
	flex-grow: 1;
	padding-top: 12px;
	padding-bottom: 12px
}

.section .center .title[data-v-2290d2bc] {
	font-size: 16px
}

.section .center .sub-line[data-v-2290d2bc] {
	display: flex;
	align-items: center;
	margin-top: 3px
}

.section .center .sub-line .to-read[data-v-2290d2bc] {
	flex-shrink: 0;
	width: 40px;
	height: 20px;
	color: #fff;
	line-height: 20px;
	border-radius: 2px;
	margin-right: 10px;
	text-align: center;
	font-size: 12px;
	background-color: #fa5600
}

.section .center .sub-line .writing[data-v-2290d2bc] {
	color: #6ea7da;
	margin-right: 12px
}

.section .center .sub-line .statistics[data-v-2290d2bc] {
	color: #b2bac2;
	font-size: 12px;
	display: flex;
	flex-wrap: wrap
}

.section .center .sub-line .statistics span[data-v-2290d2bc] {
	margin-right: 12px
}

.section .step[data-v-2290d2bc] {
	align-items: center;
	display: flex;
	margin-right: 15px;
	align-self: stretch;
	position: relative
}

.section .step .step-btn[data-v-2290d2bc] {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	font-size: 16px;
	border-radius: 50%;
	border: 2px solid #b5b7ba;
	color: #b5b7ba;
	box-sizing: border-box;
	text-align: center;
	background-color: #fff;
	z-index: 1
}

.section .step[data-v-2290d2bc]:before {
	top: 0
}

.section .step[data-v-2290d2bc]:after,
.section .step[data-v-2290d2bc]:before {
	z-index: 0;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 2px;
	background-color: #b5b7ba;
	height: 50%;
	content: ""
}

.section .step[data-v-2290d2bc]:after {
	top: 50%
}

.section:first-child .step[data-v-2290d2bc]:before,
.section:last-child .step[data-v-2290d2bc]:after {
	display: none
}

@media (max-width:720px) {
	.section .step .step-btn[data-v-2290d2bc] {
		width: 30px;
		height: 30px;
		font-size: 12px
	}
}

.iconfont[data-v-2290d2bc] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-2290d2bc]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-2290d2bc]:before {
	content: "\e601"
}

.section-of-info[data-v-2290d2bc] {
	color: #000
}

.section-of-info .section[data-v-2290d2bc] {
	position: relative;
	min-height: 70px
}

.section-of-info .section[data-v-2290d2bc]:hover {
	border-radius: 2px;
	background-color: hsla(0, 0%, 84.7%, .2)
}

.section-of-info .section .title[data-v-2290d2bc] {
	color: #000
}

.section-of-info .section .step .step-btn[data-v-2290d2bc] {
	width: 45px;
	height: 45px;
	border-width: 3px;
	font-size: 18px
}

.section-of-info .section .step[data-v-2290d2bc]:after,
.section-of-info .section .step[data-v-2290d2bc]:before {
	width: 2px
}

.section-of-info .aside[data-v-2290d2bc] {
	display: none
}

@media (max-width:720px) {
	.section-of-info .section[data-v-2290d2bc] {
		padding-left: 0;
		padding-right: 0;
		min-height: auto
	}

	.section-of-info .section[data-v-2290d2bc]:after {
		content: "";
		position: absolute;
		left: 30px;
		right: 0;
		bottom: -1px;
		border-bottom: 1px solid #e5e5e5;
		transform-origin: 0 0;
		transform: scaleY(.5)
	}

	.section-of-info .section[data-v-2290d2bc]:hover {
		background-color: transparent
	}

	.section-of-info .section .statistics .comment[data-v-2290d2bc] {
		display: none
	}

	.section-of-info .section .center[data-v-2290d2bc] {
		padding-right: 50px
	}

	.section-of-info .section .center .to-read[data-v-2290d2bc] {
		display: none
	}

	.section-of-info .section .step[data-v-2290d2bc] {
		margin-right: 10px
	}

	.section-of-info .section .step[data-v-2290d2bc]:after,
	.section-of-info .section .step[data-v-2290d2bc]:before {
		display: none
	}

	.section-of-info .section .step .step-btn[data-v-2290d2bc] {
		width: 20px;
		font-size: 16px;
		background-color: transparent;
		border-width: 0
	}

	.section-of-info .aside[data-v-2290d2bc] {
		display: block;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%)
	}

	.section-of-info .aside .to-read--m[data-v-2290d2bc] {
		width: 45px;
		text-align: center;
		height: 20px;
		line-height: 20px;
		border-radius: 2px;
		border: 1px solid #ff7600;
		color: #ff7600
	}

	.section-of-info .aside .lock[data-v-2290d2bc] {
		width: 45px;
		text-align: center
	}

	.section-of-info .aside .lock img[data-v-2290d2bc] {
		width: 12px;
		vertical-align: bottom
	}

	.section-of-info .aside .lock+.to-read--m[data-v-2290d2bc] {
		margin-top: 3px
	}
}

.iconfont[data-v-28873c44] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-28873c44]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-28873c44]:before {
	content: "\e601"
}

.book-info-view[data-v-28873c44] {
	margin-top: 1.767rem;
	min-height: calc(100vh - 195px)
}

.button--buy[data-v-28873c44] {
	height: 40px;
	font-size: 16px;
	padding-left: 30px;
	padding-right: 30px;
	background-color: #007fff;
	color: #fff;
	text-align: center
}

.button--buy[data-v-28873c44]:disabled {
	background-color: #c9c9c9;
	opacity: .8
}

.button--buy[data-v-28873c44]:not(:disabled):hover {
	background-color: #0371df
}

.button--buy .delete-text[data-v-28873c44] {
	opacity: .5;
	margin-left: 6px;
	text-decoration: line-through
}

.button--write[data-v-28873c44] {
	height: 40px;
	font-size: 16px;
	padding-left: 30px;
	padding-right: 30px;
	color: #71777c;
	text-align: center;
	background-color: #fff;
	border: 1px solid #aeb6c0;
	margin-left: 5px
}

.button--write[data-v-28873c44]:disabled {
	background-color: #c9c9c9;
	opacity: .8
}

.button--write[data-v-28873c44]:not(:disabled):hover {
	background-color: #f3f3f3
}

.book-card[data-v-28873c44] {
	max-width: 720px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 12px;
	position: relative;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
	background-color: #fff
}

.book-card .header[data-v-28873c44] {
	height: 50px;
	border-bottom: 1px solid #eceded;
	line-height: 50px;
	padding-left: 25px;
	font-size: 16px;
	background-color: #fff
}

.corner-mark[data-v-28873c44] {
	font-size: 12px;
	font-weight: 700;
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 65px;
	z-index: 2;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	padding-left: 18px;
	padding-right: 6px;
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/corner-mark.b0b5d73.png);
	background-repeat: no-repeat;
	color: #ef8625;
	background-size: 100% 100%;
	background-position: 0;
	transition: font-size .2s
}

.corner-mark.hide[data-v-28873c44] {
	display: none
}

.corner-mark[data-v-28873c44]:hover {
	font-size: 13px
}

.book-info[data-v-28873c44] {
	padding: 20px
}

.book-info .poster[data-v-28873c44] {
	width: 130px;
	height: 182px;
	border-radius: 2px;
	background-repeat: no-repeat;
	float: left;
	margin-right: 20px
}

.book-info .poster img[data-v-28873c44] {
	width: 100%;
	height: 100%;
	object-fit: cover;
	cursor: zoom-in
}

.book-info .info[data-v-28873c44] {
	margin-left: 150px;
	font-size: 14px;
	min-height: 182px
}

.book-info .info .title-line .title[data-v-28873c44] {
	font-size: 20px;
	font-weight: 700;
	color: #333
}

.book-info .info .title-line .title[data-v-28873c44]:hover {
	color: #007fff
}

.book-info .info .title-line .title .presale[data-v-28873c44] {
	vertical-align: middle;
	display: inline-block;
	padding-left: 6px;
	padding-right: 6px;
	margin-top: -3px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	font-size: 12px;
	cursor: default;
	margin-right: 8px;
	border-radius: 2px;
	background-color: #ed7b11
}

.book-info .info .media[data-v-28873c44] {
	display: flex;
	flex-direction: column
}

.book-info .info .media .add-group[data-v-28873c44] {
	height: auto;
	display: none
}

.book-info .info .media .desc[data-v-28873c44] {
	margin-top: 10px;
	min-height: 40px;
	line-height: 20px;
	overflow: hidden;
	color: #71777c
}

.book-info .info .media .author[data-v-28873c44] {
	position: relative;
	display: flex;
	align-items: center;
	margin-top: 12px
}

.book-info .info .media .author .author-info[data-v-28873c44] {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	color: #333
}

.book-info .info .media .author .author-info .user[data-v-28873c44] {
	display: flex;
	align-items: center;
	color: #000
}

.book-info .info .media .author .author-info .hero[data-v-28873c44] {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	margin-right: 8px
}

.book-info .info .media .author .author-info .username[data-v-28873c44] {
	font-weight: 400;
	color: #333
}

.book-info .info .media .author .author-desc[data-v-28873c44] {
	color: #71777c;
	flex-grow: 1;
	margin-left: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.book-info .info .media .author .author-desc .position[data-v-28873c44] {
	margin-left: 10px;
	margin-right: 10px
}

.book-info .other[data-v-28873c44] {
	margin-top: 25px;
	position: relative
}

.book-info .other .not-buy[data-v-28873c44] {
	position: relative
}

.book-info .other .not-buy .buy-box[data-v-28873c44] {
	float: left
}

.book-mobile-other[data-v-28873c44] {
	border-top: 1px solid #ecf0f3;
	display: none;
	padding: 15px;
	background: #fff;
	position: relative
}

.book-mobile-other[data-v-28873c44]:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-bottom: 1px solid #e5e5e5;
	transform-origin: 0 0;
	transform: scaleY(.5)
}

.book-mobile-other button[data-v-28873c44] {
	border-radius: 5px
}

.book-mobile-other .button--write[data-v-28873c44] {
	flex-basis: 85px;
	flex-shrink: 0
}

.book-mobile-other .buy-box[data-v-28873c44] {
	flex-basis: 0;
	flex-grow: 1;
	margin-left: .8rem
}

.book-mobile-other .button--buy[data-v-28873c44] {
	width: 100%;
	display: block
}

.book-mobile-other .sale-tooltip[data-v-28873c44] {
	right: 16px;
	bottom: -15px;
	z-index: 2
}

.book-mobile-other .invite-tooltip[data-v-28873c44] {
	position: absolute;
	right: 17px;
	bottom: -18px;
	width: 68px;
	height: 34px;
	z-index: 2;
	font-size: 13px;
	padding-top: 6px;
	padding-bottom: 2px;
	text-align: center;
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/invite-bg.a0e61e2.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	color: #8b572a;
	box-sizing: border-box;
	line-height: 25px
}

.book-bought[data-v-28873c44] {
	display: flex;
	align-items: center;
	padding: 8px 22px 8px 15px;
	border-top: 1px solid #ecf0f3;
	cursor: pointer
}

.book-bought .label[data-v-28873c44] {
	display: inline-flex;
	align-items: center;
	color: #666;
	font-size: 16px;
	font-weight: 400;
	flex-shrink: 0
}

.book-bought .users[data-v-28873c44] {
	flex-grow: 1;
	margin-left: 24px;
	display: inline-flex;
	flex-wrap: wrap;
	height: 24px;
	overflow: hidden
}

.book-bought .users .user[data-v-28873c44] {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	margin-left: 10px;
	border-radius: 50%;
	background-size: cover
}

.book-bought .users .user[data-v-28873c44]:first-child {
	margin-left: 0
}

.book-content[data-v-28873c44] {
	padding: 30px 30px 0
}

.book-content .book-content-head[data-v-28873c44] {
	position: relative;
	font-weight: 700;
	margin-bottom: 20px;
	color: #333;
	line-height: 1.5;
	padding-bottom: 12px;
	font-size: 24px;
	border-bottom: 1px solid #ececec
}

.book-menu-wrap[data-v-28873c44] {
	width: 100%;
	background: #fff
}

.book-menu-wrap.top[data-v-28873c44] {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15)
}

.book-menu-wrap.top .book-menu[data-v-28873c44] {
	border-bottom: none
}

.book-menu-wrap.top+[data-v-28873c44] {
	margin-top: 51px
}

.book-menu[data-v-28873c44] {
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	height: 50px;
	line-height: 50px;
	position: relative;
	border-bottom: 1px solid #ecf0f3
}

.book-menu .solid[data-v-28873c44] {
	height: 2px;
	background-color: #007fff;
	position: absolute;
	min-width: 20px;
	bottom: 0;
	left: 0
}

.book-menu .item[data-v-28873c44] {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 16px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center
}

.book-menu .item[data-v-28873c44]:hover {
	color: #007fff
}

.book-menu .item.active[data-v-28873c44] {
	color: #007fff;
	border-bottom: 2px solid #007fff
}

.book-menu .item .text[data-v-28873c44] {
	vertical-align: middle
}

.book-menu .item .badge[data-v-28873c44] {
	vertical-align: middle;
	height: 16px;
	color: #007fff;
	padding: 0 6px;
	background-color: #eaf4ff;
	font-size: 12px;
	line-height: 16px;
	border-radius: 8px;
	margin-left: 6px
}

.book-section-view[data-v-28873c44] {
	padding: 1px 30px 30px
}

.copy-right[data-v-28873c44] {
	text-align: center;
	font-size: 14px;
	opacity: .7;
	color: #3a4e64;
	margin-bottom: 40px
}

.right-side[data-v-28873c44] {
	position: absolute;
	right: 0;
	top: 5px;
	display: flex;
	align-items: center;
	height: 30px
}

.more[data-v-28873c44] {
	cursor: pointer;
	display: flex;
	align-items: center
}

.more img[data-v-28873c44] {
	width: 30px
}

.more .more-list[data-v-28873c44] {
	position: absolute;
	top: 100%;
	right: 0;
	min-width: 8rem;
	white-space: nowrap;
	color: #8f969c;
	background-color: #fff;
	box-shadow: 0 1px 2px 0 #e0e4e9;
	border: 1px solid rgba(217, 222, 224, .99);
	display: none;
	z-index: 10
}

.more .more-list[data-v-28873c44]:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	height: 1rem
}

.more .more-list .item[data-v-28873c44] {
	padding: .5rem .9rem
}

.more .more-list .item[data-v-28873c44]:hover {
	background-color: #f7f8fa
}

.more.open .more-list[data-v-28873c44] {
	display: block
}

.add-group[data-v-28873c44] {
	height: 30px;
	cursor: pointer;
	display: flex;
	align-items: center;
	margin-right: 10px
}

.add-group img[data-v-28873c44] {
	width: 18px;
	display: block
}

.add-group span[data-v-28873c44] {
	font-size: 12px;
	margin-left: 5px;
	color: #b3bac2
}

.bottom-mobile-buy[data-v-28873c44] {
	display: none;
	cursor: pointer;
	position: fixed;
	bottom: 60px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	background-color: #007fff;
	color: #fff;
	user-select: none;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
	width: 178px;
	height: 40px;
	border-radius: 40px;
	margin-bottom: env(safe-area-inset-bottom)
}

@media (max-width:720px) {
	.books-other .header[data-v-28873c44] {
		padding-left: 14px
	}

	.book-info-view[data-v-28873c44] {
		margin-top: 0
	}

	.book-info[data-v-28873c44] {
		padding: 15px
	}

	.book-info .info .title-line .title .presale[data-v-28873c44] {
		display: none
	}

	.book-info .info .media .author[data-v-28873c44] {
		justify-content: space-between
	}

	.book-info .info .media .author-desc[data-v-28873c44] {
		display: none
	}

	.book-info .info .media .add-group[data-v-28873c44] {
		display: flex
	}

	.book-info .messages[data-v-28873c44] {
		display: block
	}

	.book-info .poster[data-v-28873c44] {
		width: 85px;
		height: 119px;
		background-repeat: no-repeat;
		margin-right: 13px
	}

	.book-info .info[data-v-28873c44] {
		margin-left: 0;
		min-height: 119px
	}

	.book-info .info .title[data-v-28873c44] {
		font-size: 18px
	}

	.book-info .info .media .desc[data-v-28873c44] {
		margin-top: 5px
	}

	.book-info .info .media .author[data-v-28873c44] {
		marign-top: 10px
	}

	.book-info .other[data-v-28873c44] {
		display: none
	}

	.book-content[data-v-28873c44] {
		padding: 15px 15px 0
	}

	.book-content .book-content-head[data-v-28873c44] {
		font-size: 20px;
		font-weight: 600;
		border-bottom: 0;
		margin-bottom: 0
	}

	.book-section-view[data-v-28873c44] {
		padding: 0 15px 15px
	}

	.book-mobile-other[data-v-28873c44] {
		display: flex
	}

	.book-mobile-other button[data-v-28873c44] {
		padding-left: 15px;
		padding-right: 15px
	}

	.book-intro[data-v-28873c44] {
		padding: 15px
	}

	.book-intro .intro-head[data-v-28873c44] {
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 8px
	}

	.bottom-mobile-buy[data-v-28873c44] {
		display: flex
	}

	.book-menu-wrap .book-menu .item[data-v-28873c44] {
		flex-grow: 1;
		flex-shrink: 0
	}
}

.view-container--bookinfo .main-header-box .main-header {
	position: relative
}

.iconfont[data-v-69eae537] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-69eae537]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-69eae537]:before {
	content: "\e601"
}

.preview-image[data-v-69eae537] {
	position: relative;
	cursor: pointer
}

.preview-image .icon[data-v-69eae537] {
	border-radius: 2px;
	margin: 0 .666rem .666rem 0;
	width: 6.68rem;
	height: 6.68rem;
	background-repeat: no-repeat;
	background-size: cover;
	flex: 0 0 auto;
	background-position: 50%
}

.preview-image .icon[data-v-69eae537]:hover {
	filter: brightness(.8)
}

.preview-image .delete[data-v-69eae537] {
	cursor: pointer;
	width: 1.3rem;
	height: 1.3rem;
	position: absolute;
	top: .333rem;
	right: 1rem;
	border-radius: 50%;
	border: 1px solid #c5c5c5;
	background: rgba(0, 0, 0, .4);
	transform: rotate(45deg)
}

.preview-image .delete[data-v-69eae537]:after,
.preview-image .delete[data-v-69eae537]:before {
	content: "";
	width: .8rem;
	height: 1px;
	display: block;
	position: absolute;
	background: #fff;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.preview-image .delete[data-v-69eae537]:after {
	transform: translate(-50%, -50%) rotate(90deg)
}

.preview-image .delete[data-v-69eae537]:hover {
	opacity: .8
}

.preview-image .check[data-v-69eae537] {
	height: 2rem;
	width: 2rem;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -1rem;
	transform: translate(-50%, -50%)
}

.preview-image .check[data-v-69eae537]:after {
	content: "";
	display: block;
	border-right: 1rem solid #fff;
	border-top: 1rem solid #fff;
	transform-origin: left top;
	transform: scaleX(-1) rotate(145deg);
	height: 1rem;
	width: 1rem;
	position: absolute;
	bottom: -1rem;
	left: -.5rem;
	animation: check-data-v-69eae537 .8s
}

.preview-image .loading[data-v-69eae537] {
	width: 4rem;
	height: 4rem;
	position: absolute;
	top: 44%;
	left: 50%;
	background-repeat: no-repeat;
	transform: translate(-50%, -50%)
}

@-moz-keyframes check-data-v-69eae537 {
	0% {
		height: 0;
		width: 0
	}

	33.3333% {
		width: 1rem;
		height: 0
	}
}

@-webkit-keyframes check-data-v-69eae537 {
	0% {
		height: 0;
		width: 0
	}

	33.3333% {
		width: 1rem;
		height: 0
	}
}

@-o-keyframes check-data-v-69eae537 {
	0% {
		height: 0;
		width: 0
	}

	33.3333% {
		width: 1rem;
		height: 0
	}
}

@keyframes check-data-v-69eae537 {
	0% {
		height: 0;
		width: 0
	}

	33.3333% {
		width: 1rem;
		height: 0
	}
}

.iconfont[data-v-2198f7e2] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-2198f7e2]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-2198f7e2]:before {
	content: "\e601"
}

.preview-link[data-v-2198f7e2] {
	position: relative;
	padding: .833rem 1.333rem;
	border: 1px solid #ebebeb;
	border-radius: .333rem;
	width: 40.084rem;
	display: flex;
	justify-content: space-between
}

.preview-link .content[data-v-2198f7e2] {
	height: 5.416rem;
	max-width: 35rem;
	width: 100%;
	display: flex;
	text-overflow: ellipsis;
	flex-direction: column
}

.preview-link .content.blank[data-v-2198f7e2] {
	max-width: 100%;
	justify-content: center;
	text-align: center
}

.preview-link .content.blank span[data-v-2198f7e2] {
	text-align: center;
	line-height: 5.426rem;
	color: #2e3135;
	font-size: 16px;
	font-weight: 600
}

.preview-link .content .title[data-v-2198f7e2] {
	font-size: 1.25rem;
	font-weight: 500;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.preview-link .content .link[data-v-2198f7e2] {
	margin-top: auto;
	font-size: 13px;
	color: #8a93a0;
	font-weight: 400
}

.preview-link .icon[data-v-2198f7e2] {
	width: 5.416rem;
	height: 5.416rem;
	background-repeat: no-repeat;
	background-size: cover;
	flex: 0 0 auto;
	border-radius: 2px
}

.preview-link .close[data-v-2198f7e2] {
	cursor: pointer;
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	top: -.8rem;
	right: -.8rem;
	border-radius: 50%;
	border: 1px solid #fff;
	background: #000;
	opacity: .65;
	transform: rotate(45deg)
}

.preview-link .close[data-v-2198f7e2]:after,
.preview-link .close[data-v-2198f7e2]:before {
	content: "";
	width: 1rem;
	height: 1px;
	display: block;
	position: absolute;
	background: #c5c5c5;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.preview-link .close[data-v-2198f7e2]:after {
	transform: translate(-50%, -50%) rotate(90deg)
}

.preview-link .close[data-v-2198f7e2]:hover {
	opacity: .6
}

.iconfont[data-v-4fa0ee3e] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-4fa0ee3e]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-4fa0ee3e]:before {
	content: "\e601"
}

.header[data-v-4fa0ee3e] {
	font-size: 1rem;
	position: relative
}

.header .title[data-v-4fa0ee3e] {
	font-size: 1.3rem;
	color: #17181a;
	text-align: center;
	line-height: 3.333rem;
	height: 3.333rem;
	font-weight: 500
}

.header .close[data-v-4fa0ee3e] {
	cursor: pointer;
	width: 1.3rem;
	height: 1.3rem;
	position: absolute;
	top: 1rem;
	right: 2rem;
	border-radius: 50%;
	transform: rotate(45deg)
}

.header .close[data-v-4fa0ee3e]:after,
.header .close[data-v-4fa0ee3e]:before {
	content: "";
	width: 1.2rem;
	height: 2px;
	display: block;
	position: absolute;
	background: #17181a;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.header .close[data-v-4fa0ee3e]:after {
	transform: translate(-50%, -50%) rotate(90deg)
}

.header .close[data-v-4fa0ee3e]:hover {
	opacity: .8
}

.iconfont[data-v-6ea49644] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-6ea49644]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-6ea49644]:before {
	content: "\e601"
}

.editor-content[data-v-6ea49644] {
	position: relative;
	font-size: 1.5rem;
	word-wrap: break-word
}

.rich-editor[data-v-6ea49644] {
	position: relative;
	height: 100%;
	outline: none;
	border-radius: 2px;
	color: #17181a;
	min-height: 75px;
	font-size: 1.25rem;
	padding: 8px 10px
}

.rich-editor.indent[data-v-6ea49644] {
	min-height: 39px
}

.rich-editor[data-v-6ea49644]:after {
	content: attr(placeholder);
	position: absolute;
	top: 8px;
	color: rgba(23, 24, 26, .4);
	pointer-events: none;
	user-select: none;
	display: none
}

.rich-editor.empty[data-v-6ea49644]:after {
	display: inline-block
}

.rich-editor[data-v-6ea49644]:focus:after {
	opacity: .7
}

[data-v-6ea49644] .emoji {
	vertical-align: sub;
	width: 1.666rem;
	height: 1.666rem;
	cursor: default;
	margin: 0 1px
}

.photo-uploader[data-v-50ef4951] {
	cursor: pointer;
	padding: .5rem
}

.iconfont[data-v-d886bc12] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-d886bc12]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-d886bc12]:before {
	content: "\e601"
}

.file-picker[data-v-d886bc12] {
	display: flex;
	align-items: center;
	color: #aeb6c0;
	z-index: 3
}

.file-picker[data-v-d886bc12]:hover {
	cursor: not-allowed
}

.file-picker.active[data-v-d886bc12] {
	color: #027fff;
	cursor: pointer
}

.file-picker .icon[data-v-d886bc12] {
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-size: cover
}

.file-picker span[data-v-d886bc12] {
	padding: .166rem;
	font-size: 13px
}

.iconfont[data-v-ad037680] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-ad037680]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-ad037680]:before {
	content: "\e601"
}

.link-picker[data-v-ad037680] {
	position: relative;
	display: flex;
	align-items: center
}

.link-picker .triangle[data-v-ad037680] {
	position: absolute;
	top: -.6rem;
	left: 50%;
	width: 0;
	height: 0;
	transform: translate(-50%, -50%);
	border: .8rem solid transparent;
	border-bottom-color: #fff
}

.link-picker .select[data-v-ad037680] {
	color: #aeb6c0;
	display: flex;
	align-items: center
}

.link-picker .select[data-v-ad037680]:hover {
	cursor: not-allowed
}

.link-picker .select.active[data-v-ad037680] {
	cursor: pointer;
	color: #027fff
}

.link-picker .select .icon[data-v-ad037680] {
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-size: cover
}

.link-picker .select span.link[data-v-ad037680] {
	padding: .166rem;
	font-size: 13px
}

.link-picker .linkPanel[data-v-ad037680] {
	padding: 18px 20px;
	color: #aeb6c0;
	background: #fff;
	position: absolute;
	width: 279px;
	height: 65px;
	top: 2.8rem;
	left: -10rem;
	bottom: 0;
	border-radius: 2px;
	box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .16)
}

.link-picker .linkPanel .input[data-v-ad037680] {
	position: relative
}

.link-picker .linkPanel .input input[type=text][data-v-ad037680] {
	width: 100%;
	background-color: #fafafb;
	border: 1px solid #e5e5e5;
	border-radius: 2px;
	outline: #027fff;
	color: #666;
	font-size: 1.166rem;
	font-size: 1.1rem;
	padding: .5rem 2.5rem .5rem .666rem
}

.link-picker .linkPanel .input input[type=text][data-v-ad037680]::placeholder {
	color: #aeb6c0;
	font-size: 13px;
	line-height: 1
}

.link-picker .linkPanel .input input[type=text][data-v-ad037680]:focus {
	outline: none;
	border: 1px solid #027fff;
	background-color: #fff
}

.link-picker .linkPanel .input .clear[data-v-ad037680] {
	cursor: pointer;
	width: 1.2rem;
	height: 1.2rem;
	position: absolute;
	top: .7rem;
	right: .6rem;
	border-radius: 50%;
	border: 1px solid #007fff;
	background: #f8f8f9;
	transform: rotate(45deg)
}

.link-picker .linkPanel .input .clear[data-v-ad037680]:after,
.link-picker .linkPanel .input .clear[data-v-ad037680]:before {
	content: "";
	width: .8rem;
	height: 1px;
	display: block;
	position: absolute;
	background: #007fff;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.link-picker .linkPanel .input .clear[data-v-ad037680]:after {
	transform: translate(-50%, -50%) rotate(90deg)
}

.link-picker .linkPanel .tip[data-v-ad037680] {
	padding: 16px 0;
	font-size: 13px;
	display: flex;
	color: #17181a;
	font-weight: 400;
	justify-content: space-between
}

.link-picker .linkPanel .tip span[data-v-ad037680] {
	opacity: .4
}

.link-picker .linkPanel .tip span[data-v-ad037680]:nth-child(2) {
	padding-right: .5rem;
	cursor: not-allowed
}

.link-picker .linkPanel .tip span.active[data-v-ad037680] {
	color: #027fff;
	cursor: pointer;
	opacity: 1
}

.iconfont[data-v-4cbfdc64] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-4cbfdc64]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-4cbfdc64]:before {
	content: "\e601"
}

.topic-item[data-v-4cbfdc64] {
	display: flex;
	flex-grow: 0;
	margin: 0;
	align-items: flex-start;
	cursor: pointer;
	padding: 10px 0
}

.icon[data-v-4cbfdc64] {
	width: 3.5rem;
	height: 3.5rem;
	border-radius: .5rem;
	background-size: cover;
	background-repeat: no-repeat
}

.content[data-v-4cbfdc64] {
	color: #8a9aa9;
	width: 12rem;
	max-width: 12rem;
	letter-spacing: normal;
	text-align: left;
	margin-left: 14px;
	display: flex;
	flex-direction: column
}

.content span[data-v-4cbfdc64] {
	justify-content: center
}

.content span[data-v-4cbfdc64]:first-child {
	color: #2e3135;
	font-size: 1.25rem
}

.content span[data-v-4cbfdc64] {
	padding-top: .1rem;
	font-size: 13px
}

.content .subscribe[data-v-4cbfdc64] {
	cursor: pointer
}

.content .followed[data-v-4cbfdc64] {
	color: #37c701
}

.content em[data-v-4cbfdc64] {
	font-style: normal
}

.topic-list li[data-v-3f007ccb]:not(:last-child) {
	border-bottom: 1px solid hsla(0, 0%, 59.2%, .1)
}

.iconfont[data-v-092b5078] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-092b5078]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-092b5078]:before {
	content: "\e601"
}

.topic-picker[data-v-092b5078] {
	display: flex;
	position: relative
}

.topic-picker .topic-selector[data-v-092b5078] {
	display: flex;
	align-items: center;
	cursor: pointer
}

.topic-picker .topic-selector .icon[data-v-092b5078] {
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-size: cover
}

.topic-picker .topic-selector .picker[data-v-092b5078] {
	display: flex;
	padding: 0;
	font-size: 13px;
	color: #027fff
}

.topic-picker .topic-selector.disable[data-v-092b5078] {
	cursor: not-allowed
}

.topic-picker .topic-selector.disable .picker[data-v-092b5078] {
	color: #aeb6c0
}

.topic-picker .topic_panel[data-v-092b5078] {
	display: flex;
	flex-direction: column;
	background: #fff;
	position: absolute;
	top: 2.8rem;
	bottom: 0;
	left: -9.8rem;
	width: 316px;
	height: 434px;
	border-radius: .2rem;
	box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .16)
}

.topic-picker .topic_panel .triangle[data-v-092b5078] {
	position: absolute;
	top: -.6rem;
	left: 50%;
	width: 0;
	height: 0;
	transform: translate(-50%, -50%);
	border: .8rem solid transparent;
	border-bottom-color: #fff
}

.topic-picker .topic_panel .top[data-v-092b5078] {
	color: #aeb6c0;
	position: relative;
	padding: 1.5rem 1.666rem 0
}

.topic-picker .topic_panel .top .search_input[data-v-092b5078] {
	display: inline-block;
	height: 2.666rem;
	width: 100%;
	font-size: 1.2rem;
	color: #666;
	border: .5px solid #e5e5e5;
	padding: .833rem 1rem;
	outline: none;
	background-color: #fafafb
}

.topic-picker .topic_panel .top input[data-v-092b5078]::-webkit-input-placeholder {
	font-size: 1.2rem
}

.topic-picker .topic_panel .top input[type=text][data-v-092b5078]:focus {
	outline: none;
	border: .5px solid #007fff;
	background-color: #fff
}

.topic-picker .topic_panel .top .search_icon[data-v-092b5078] {
	width: 1.8rem;
	height: 1.8rem;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 50%;
	margin-top: -2px;
	right: 2.666rem
}

.topic-picker .topic_panel .content[data-v-092b5078] {
	overflow: auto;
	padding: 0
}

.topic-picker .topic_panel .content.disableScroll[data-v-092b5078] {
	overflow: hidden
}

.topic-picker .topic_panel .content .delete-topic[data-v-092b5078] {
	cursor: pointer;
	color: #17181a;
	font-size: 1.2rem;
	display: block;
	padding: 0 1.666rem
}

.topic-picker .topic_panel .content .delete-topic li[data-v-092b5078] {
	padding: 16px 0 10px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-bottom: 1px solid hsla(0, 0%, 59.2%, .1)
}

.topic-picker .topic_panel .content .delete-topic li[data-v-092b5078]:hover {
	background-color: hsla(0, 0%, 87.1%, .05)
}

.topic-picker .topic_panel .content .delete-topic li .box[data-v-092b5078] {
	width: 3.5rem;
	height: 3.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background-color: #eef2f5
}

.topic-picker .topic_panel .content .delete-topic li .box .icon[data-v-092b5078] {
	width: 1.833rem;
	height: 1.833rem;
	background-repeat: no-repeat;
	background-size: contain;
	background-size: cover
}

.topic-picker .topic_panel .content .delete-topic li span[data-v-092b5078] {
	color: #17181a;
	margin-left: .833rem
}

.topic-picker .topic_panel .content[data-v-092b5078] .topic-list li {
	cursor: pointer;
	padding: 0 1.666rem;
	border-bottom: none
}

.topic-picker .topic_panel .content[data-v-092b5078] .topic-list li .topic-item {
	border-bottom: 1px solid hsla(0, 0%, 59.2%, .1)
}

.topic-picker .topic_panel .content[data-v-092b5078] .topic-list li:hover {
	background-color: #f8f8f8
}

.topic-picker .topic_panel .content .empty[data-v-092b5078],
.topic-picker .topic_panel .content .loading[data-v-092b5078] {
	width: 100%;
	height: 364px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.topic-picker .topic_panel .content .empty .empty-icon[data-v-092b5078],
.topic-picker .topic_panel .content .empty .loading-icon[data-v-092b5078],
.topic-picker .topic_panel .content .loading .empty-icon[data-v-092b5078],
.topic-picker .topic_panel .content .loading .loading-icon[data-v-092b5078] {
	width: 5.166rem;
	height: 4.666rem;
	background-repeat: no-repeat;
	background-size: contain
}

.topic-picker .topic_panel .content .empty span[data-v-092b5078],
.topic-picker .topic_panel .content .loading span[data-v-092b5078] {
	padding: .6rem 0;
	font-size: 15px;
	color: #b2bac2;
	opacity: .8
}

.iconfont[data-v-1130c452] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-1130c452]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-1130c452]:before {
	content: "\e601"
}

.submit[data-v-1130c452] {
	display: flex
}

.submit .tip[data-v-1130c452],
.submit button[data-v-1130c452] {
	height: 32px;
	width: 6rem;
	font-size: 15px
}

.submit button[data-v-1130c452] {
	opacity: .2;
	cursor: not-allowed;
	padding: 0;
	background-color: #027fff
}

.submit button.active[data-v-1130c452] {
	cursor: pointer;
	opacity: 1
}

.submit .tip[data-v-1130c452] {
	color: #c2c2c2;
	text-align: center;
	width: 10rem;
	line-height: 36px;
	font-size: 13px;
	user-select: none
}

.iconfont[data-v-6afbde9f] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-6afbde9f]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-6afbde9f]:before {
	content: "\e601"
}

.toolbar[data-v-6afbde9f] {
	display: flex;
	color: #007fff;
	flex-direction: row;
	justify-content: space-between;
	width: 100%
}

.toolbar .tool[data-v-6afbde9f] {
	display: flex;
	align-items: center
}

.toolbar .tool .picker[data-v-6afbde9f] {
	z-index: 3;
	margin-right: 1.5rem;
	user-select: none
}

.toolbar .tool .picker.not-suport[data-v-6afbde9f] {
	display: none
}

.word-counter[data-v-1fd28ad1] {
	color: #a1a9b3
}

.word-counter.limit[data-v-1fd28ad1] {
	color: red
}

.iconfont[data-v-3be42624] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-3be42624]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-3be42624]:before {
	content: "\e601"
}

.pin-editor-dialog[data-v-3be42624] {
	background-color: #fff;
	position: relative;
	border-radius: .2rem;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.pin-editor-dialog .editor-body[data-v-3be42624] {
	padding: 1.333rem 1.666rem 0;
	background: #fff;
	position: relative;
	border-radius: 2px
}

.pin-editor-dialog .editor-body .content[data-v-3be42624] {
	position: relative;
	border-radius: 2px;
	border: 1px solid hsla(0, 0%, 59.2%, .2);
	background-color: rgba(226, 230, 235, .2)
}

.pin-editor-dialog .editor-body .content.active[data-v-3be42624] {
	border: 1px solid #007fff;
	background-color: #fff
}

.pin-editor-dialog .editor-body .content.dashed[data-v-3be42624] {
	border: 2px dashed #999
}

.pin-editor-dialog .editor-body .content .editor[data-v-3be42624] {
	position: relative
}

.pin-editor-dialog .editor-body .content .editor.empty[data-v-3be42624] {
	padding: 8px 12px
}

.pin-editor-dialog .editor-body .content .image[data-v-3be42624] {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 12px;
	position: relative
}

.pin-editor-dialog .editor-body .content .image .select-box[data-v-3be42624] {
	cursor: pointer;
	width: 80px;
	height: 80px;
	position: relative;
	border-radius: 1.4px;
	border: 1px dashed #c5c5c5;
	background: #f8f8f9
}

.pin-editor-dialog .editor-body .content .image .select-box[data-v-3be42624]:hover {
	opacity: .6
}

.pin-editor-dialog .editor-body .content .image .select-box[data-v-3be42624]:after,
.pin-editor-dialog .editor-body .content .image .select-box[data-v-3be42624]:before {
	content: "";
	width: 2rem;
	height: 1px;
	display: block;
	position: absolute;
	background: #c5c5c5;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.pin-editor-dialog .editor-body .content .image .select-box[data-v-3be42624]:after {
	transform: translate(-50%, -50%) rotate(90deg)
}

.pin-editor-dialog .editor-body .content .link[data-v-3be42624] {
	display: flex;
	flex-direction: row;
	border-radius: 4px;
	padding: 12px
}

.pin-editor-dialog .editor-body .content .topic[data-v-3be42624] {
	padding: 0 12px 12px
}

.pin-editor-dialog .editor-body .content .topic .topic-title[data-v-3be42624] {
	font-size: 13px;
	display: inline-block;
	line-height: 22px;
	height: 22px;
	padding: 0 12px;
	border: 1px solid #007fff;
	border-radius: 14px;
	text-align: center;
	color: #007fff;
	user-select: none
}

.pin-editor-dialog .editor-body .content .count[data-v-3be42624] {
	position: absolute;
	right: 1rem;
	bottom: .8rem;
	font-size: 13px;
	z-index: 1;
	user-select: none;
	pointer-events: none
}

.pin-editor-dialog .bottom[data-v-3be42624] {
	padding: .833rem 1.666rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: -2px
}

.pin-editor-dialog .cover[data-v-3be42624] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: transparent
}

.iconfont[data-v-0454487c] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-0454487c]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-0454487c]:before {
	content: "\e601"
}

.pin-modal .pin-modal-box[data-v-0454487c] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .65);
	z-index: 500;
	overflow-x: hidden;
	overflow-y: hidden
}

.pin-modal .main[data-v-0454487c] {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	max-width: 960px;
	z-index: 501
}

.pin-modal .main .pin__editor[data-v-0454487c] {
	width: 640px;
	top: 0;
	position: absolute;
	left: 50%;
	border-radius: 2px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
	transform: translate(-50%, 60px)
}

.pin-modal .main .pin__editor[data-v-0454487c] .editor-body {
	padding-top: 0
}

.pin-modal .main .pin__editor[data-v-0454487c] .editor-body .editor {
	max-height: 136px;
	overflow-y: auto
}

@media (max-width:980px) {
	.pin-modal .main .pin__editor[data-v-0454487c] {
		display: none
	}
}

.alert[data-v-5cd37806] {
	display: inline-block;
	padding: 1rem 2rem;
	max-width: 15rem;
	font-size: 1.167rem;
	color: #007bff;
	background-color: #e6f3ff;
	box-shadow: 0 1px 1px 0 hsla(0, 0%, 80.4%, .5);
	border: 1px solid #b3d0ef;
	border-radius: 2px;
	cursor: default
}

.error[data-v-5cd37806] {
	color: #e33;
	background-color: #f6e3e3;
	border: 1px solid #e99
}

.alert-list[data-v-52842a1f] {
	display: flex;
	flex-direction: column;
	position: fixed;
	top: 2rem;
	right: 2rem;
	z-index: 1000
}

.alert-list .alert[data-v-52842a1f] {
	margin-bottom: 1rem
}

.iconfont[data-v-11399dec] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-11399dec]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-11399dec]:before {
	content: "\e601"
}

.upgrade-box-wrapper[data-v-11399dec] {
	opacity: 0
}

.upgrade-box-wrapper.visible[data-v-11399dec] {
	opacity: 1;
	transition: opacity 2s ease-out
}

.masker[data-v-11399dec] {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .3);
	z-index: 500
}

.container[data-v-11399dec] {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -60%);
	width: 320px;
	z-index: 501
}

.message-box[data-v-11399dec] {
	position: relative;
	padding: 22px 24px;
	height: 185px;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .15)
}

.message-box-header[data-v-11399dec] {
	position: absolute;
	top: 0;
	width: 300px;
	height: 200px;
	left: 0;
	top: -135px;
	right: 0;
	margin: auto;
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/filter.6e747bb.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain
}

.message-box-header .header-button[data-v-11399dec] {
	position: absolute;
	right: 15px;
	bottom: 35px;
	margin-top: 5px;
	width: 13px;
	height: 13px;
	cursor: pointer;
	opacity: .8
}

.message-box-header .header-button[data-v-11399dec]:hover {
	opacity: 1
}

.message-box-header .header-button img[data-v-11399dec] {
	width: 100%
}

.message-box-header .content-box[data-v-11399dec] {
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/avatar-bg.58850f0.svg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	width: 300px;
	height: 188px;
	display: flex;
	justify-content: center;
	align-items: flex-end
}

.message-box-header .content-box .avatar[data-v-11399dec] {
	position: absolute;
	bottom: 28px;
	left: 50%;
	width: 90px;
	height: 90px;
	margin-left: -45px;
	background-size: contain;
	background-repeat: no-repeat;
	border-radius: 100%
}

.message-box-header .content-box .level[data-v-11399dec] {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -65px;
	width: 130px;
	height: 43px;
	background-repeat: no-repeat;
	background-size: contain
}

.message-box-title[data-v-11399dec] {
	padding-bottom: 1rem;
	display: flex;
	justify-content: space-between
}

.message-box-title .title[data-v-11399dec] {
	font-size: 16px;
	color: #17181a;
	font-weight: 600
}

.message-box-body[data-v-11399dec] {
	margin-top: 35px;
	margin-bottom: 26px;
	font-size: 15px;
	color: #333;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}

.message-box-body h2[data-v-11399dec] {
	font-size: 19px;
	padding: 0;
	margin-bottom: .83rem;
	font-weight: 500
}

.message-box-body a[data-v-11399dec] {
	font-size: 1.08rem;
	color: #007fff
}

.message-box-footer[data-v-11399dec] {
	padding-top: 8px;
	text-align: right;
	display: flex;
	align-items: center;
	justify-content: center
}

.footer-button[data-v-11399dec] {
	width: 100%;
	display: inline-block;
	padding: 6px 18px;
	font-size: 1.25rem;
	outline: 0;
	text-align: center;
	white-space: nowrap;
	font-size: 14px;
	color: #909090;
	border: 1px solid #c0c6cc;
	border-radius: 3px;
	background-color: #fff;
	user-select: none;
	cursor: pointer;
	transition: .2s
}

.footer-button.loading[data-v-11399dec] {
	opacity: .4;
	cursor: default
}

.footer-button[data-v-11399dec]:hover {
	background-color: #f1f1f1
}

.footer-button.primary[data-v-11399dec] {
	color: #fff
}

.footer-button.primary.loading[data-v-11399dec]:hover,
.footer-button.primary[data-v-11399dec] {
	border-color: #007fff;
	background-color: #007fff
}

.footer-button.primary[data-v-11399dec]:hover {
	border-color: #0371df;
	background-color: #0371df
}

.masker-fade-enter-active[data-v-11399dec],
.masker-fade-leave-active[data-v-11399dec] {
	transition: opacity .3s
}

.masker-fade-enter[data-v-11399dec],
.masker-fade-leave-to[data-v-11399dec] {
	opacity: 0
}

.message-box-fade-enter-active[data-v-11399dec],
.message-box-fade-leave-active[data-v-11399dec] {
	transition: .3s
}

.message-box-fade-enter[data-v-11399dec],
.message-box-fade-leave-to[data-v-11399dec] {
	transform: translate(-50%, -52%);
	opacity: 0
}

@media (max-width:600px) {
	.container[data-v-11399dec] {
		width: 280px
	}

	.message-box-header[data-v-11399dec] {
		width: 250px;
		top: -127px
	}

	.message-box-header .content-box[data-v-11399dec] {
		width: 250px
	}

	.message-box-header .content-box .avatar[data-v-11399dec] {
		width: 75px;
		height: 75px;
		bottom: 42px;
		margin-left: -37.5px
	}

	.message-box-header .content-box .level[data-v-11399dec] {
		bottom: 15px;
		margin-left: -56px;
		width: 112px;
		height: 37px
	}
}

.suspension-panel[data-v-b0995e1a] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	position: fixed;
	right: 2rem;
	bottom: 2rem;
	z-index: 1000
}

@media (max-width:414px) {
	.suspension-panel[data-v-b0995e1a] {
		display: none
	}
}

.suspension-panel .btn[data-v-b0995e1a] {
	margin: 1rem 0 0;
	padding: 0;
	width: 3.33rem;
	height: 3.33rem;
	line-height: 1;
	color: #909090;
	background-color: #fff;
	border: 1px solid #f1f1f1;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(0, 0, 0, .05);
	cursor: pointer
}

.suspension-panel .btn[data-v-b0995e1a]:hover {
	box-shadow: 0 0 5px #ddd
}

.suspension-panel .to-top-btn[data-v-b0995e1a] {
	font-size: 1.6rem
}

.suspension-panel .meiqia-btn[data-v-b0995e1a] {
	font-size: 1.3rem;
	color: #007fff
}

.quick-login-modal-box[data-v-188a48b9] {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .3);
	z-index: 500
}

.auth-form[data-v-188a48b9] {
	position: relative;
	padding: 0;
	width: 30rem;
	max-width: 100%;
	font-size: 1.167rem;
	background-color: #fff;
	border-radius: 2px;
	box-sizing: border-box;
	overflow: hidden
}

.close-btn[data-v-188a48b9] {
	position: absolute;
	top: 0;
	right: 0;
	padding: 1rem;
	cursor: pointer;
	opacity: .4
}

.close-btn[data-v-188a48b9]:hover {
	opacity: 1
}

.logo[data-v-188a48b9] {
	width: 100%
}

.form-title[data-v-188a48b9] {
	margin: 1.5rem 2rem;
	font-size: 1.333rem;
	font-weight: 600;
	line-height: 1.3;
	color: #000
}

.auth-list[data-v-188a48b9] {
	margin: 0 2rem 2rem
}

.auth-btn[data-v-188a48b9] {
	display: flex;
	align-items: center;
	margin-bottom: .8rem;
	padding: 1rem;
	width: 100%;
	font-size: 1.167rem;
	line-height: 1;
	color: #fff;
	border-radius: 3px;
	box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, .11)
}

.auth-btn .icon[data-v-188a48b9] {
	margin: 0 1rem;
	width: 2rem
}

.auth-btn[data-v-188a48b9]:hover {
	opacity: .9
}

.auth-btn.weibo[data-v-188a48b9] {
	background-color: #d21a1a
}

.auth-btn.wechat[data-v-188a48b9] {
	background-color: #5dba51
}

.auth-btn.github[data-v-188a48b9] {
	background-color: #4c4c4c
}

.auth-btn.register[data-v-188a48b9] {
	justify-content: center;
	color: #007fff;
	background-color: transparent;
	box-shadow: none
}

.extension[data-v-a6280e26] {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 180px;
	cursor: pointer;
	display: none
}

.extension[data-v-a6280e26]:before {
	display: flex;
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 0;
	height: 148px;
	z-index: -1;
	content: "";
	background-color: #fff
}

.extension .link[data-v-a6280e26] {
	width: 100%;
	height: 100%;
	color: #000;
	background-repeat: no-repeat;
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/extension.c1307da.png);
	background-position: bottom;
	background-size: auto 180px;
	image-rendering: -webkit-optimize-contrast
}

.extension .link .price[data-v-a6280e26] {
	margin-left: 5px;
	margin-right: 5px;
	color: #007fff
}

.extension .link .description[data-v-a6280e26],
.extension .link .title[data-v-a6280e26] {
	font-size: 26px;
	padding-top: 50px;
	box-sizing: border-box;
	width: 960px;
	margin: 0 auto;
	padding-left: 22px
}

.extension .link .description[data-v-a6280e26] {
	color: rgba(0, 0, 0, .7);
	font-size: 13px;
	padding-top: 8px
}

.extension .ion-close[data-v-a6280e26] {
	position: absolute;
	top: 45px;
	right: 15px;
	font-size: 12px;
	color: #bbb
}

.extension .ion-close[data-v-a6280e26]:hover {
	color: #999
}

.books[data-v-a6280e26] {
	display: none;
	left: 15px;
	right: 15px;
	position: fixed;
	bottom: 15px;
	z-index: 900
}

.books.book--mobile[data-v-a6280e26] {
	bottom: 55px
}

.books .book-inner[data-v-a6280e26] {
	width: 100%;
	height: 50px;
	padding-left: 15px;
	padding-right: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fd4243;
	box-sizing: border-box;
	border-radius: 2px;
	background: -webkit-linear-gradient(342deg, #f87554, #f0232f);
	background: linear-gradient(108deg, #f87554, #f0232f);
	background: -webkit-linear-gradient(-12deg, #f87554, #f0232f)
}

.books .book-inner .icon[data-v-a6280e26] {
	width: 38px
}

.books .book-inner .icon img[data-v-a6280e26] {
	width: 100%;
	display: block
}

.books .book-inner .title[data-v-a6280e26] {
	flex-grow: 1;
	padding-left: 15px;
	color: #fff;
	font-size: 15px
}

.books .book-inner .btn-get[data-v-a6280e26] {
	padding-left: 15px;
	padding-right: 15px;
	height: 26px;
	line-height: 26px;
	border-radius: 2px;
	border: 1px solid #fff;
	color: #fff
}

@media (max-width:960px) {
	.books[data-v-a6280e26] {
		display: block
	}
}

@media (min-width:960px) {
	.extension[data-v-a6280e26] {
		display: block
	}
}

.request-health-alert[data-v-70448bee] {
	position: fixed;
	left: 2rem;
	bottom: 2rem;
	padding: 1rem;
	max-width: 50%;
	color: #e33;
	background-color: #f6e3e3;
	border: 1px solid #e99;
	z-index: 10000
}

@media (max-width:600px) {
	.request-health-alert[data-v-70448bee] {
		display: none
	}
}

.title[data-v-70448bee] {
	margin: 0 0 .4em;
	font-size: 1.5em
}

.content[data-v-70448bee] {
	line-height: 1.5
}

.btn[data-v-70448bee] {
	color: inherit;
	text-decoration: underline;
	user-select: none
}

.close[data-v-70448bee] {
	position: absolute;
	top: 0;
	right: 0;
	padding: 1rem;
	cursor: pointer;
	opacity: .5
}

.close[data-v-70448bee]:hover {
	opacity: 1
}

.modal-mask[data-v-f05926a8] {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .65);
	z-index: 501
}

.bind-phone-number-form[data-v-f05926a8] {
	position: fixed;
	padding: 1.83rem 2.08rem;
	width: 26.5rem;
	max-width: 100%;
	font-size: 1.167rem;
	background-color: #fff;
	border-radius: 3px;
	box-sizing: border-box;
	top: 50%;
	left: 50%;
	z-index: 502;
	transform: translate(-50%, -60%);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2)
}

.close-btn[data-v-f05926a8] {
	float: right;
	cursor: pointer;
	opacity: .4
}

.close-btn[data-v-f05926a8]:hover {
	opacity: 1
}

.title[data-v-f05926a8] {
	font-size: 1.42rem;
	color: #000;
	font-weight: 600;
	margin: 0 0 1rem
}

.hint[data-v-f05926a8] {
	font-size: 1.25rem;
	line-height: 1.6;
	font-weight: 400;
	color: #000;
	margin-bottom: 2rem
}

.hint>a[data-v-f05926a8] {
	color: #007fff
}

.input-group[data-v-f05926a8] {
	margin-bottom: 1.5rem;
	overflow: hidden
}

.input-box[data-v-f05926a8] {
	position: relative;
	margin-bottom: .8rem
}

.input[data-v-f05926a8] {
	padding: .67rem;
	width: 100%;
	border: 1px solid #e9e9e9;
	border-radius: 2px;
	outline: none;
	box-sizing: border-box
}

.input[data-v-f05926a8]:focus {
	border-color: #007fff
}

.btn[data-v-f05926a8] {
	width: 100%;
	height: 2.92rem;
	color: #fff;
	background-color: #007fff;
	border-radius: 2px;
	outline: none;
	box-sizing: border-box;
	cursor: pointer
}

.btn[data-v-f05926a8]:disabled {
	background-color: #909090;
	cursor: default
}

.vcode-box[data-v-f05926a8] {
	display: flex;
	justify-content: center;
	align-items: center
}

.vcode-box .input[data-v-f05926a8] {
	width: auto;
	flex-grow: 1;
	overflow: hidden
}

.vcode-box .img-vcode[data-v-f05926a8] {
	border: 1px solid #ddd;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 0;
	width: 160px;
	color: #333;
	height: 40px;
	margin-left: 15px;
	flex-shrink: 0
}

.vcode-box .img-vcode img[data-v-f05926a8] {
	max-height: 46px
}

.vcode-box .img-vcode .hint[data-v-f05926a8] {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: center;
	align-items: center
}

.send-vcode-btn[data-v-f05926a8] {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	color: #007fff;
	font-size: 1.25rem;
	line-height: 1;
	background-color: transparent
}

.send-vcode-btn[data-v-f05926a8]:disabled {
	color: #909090;
	cursor: default
}

.send-vcode-btn[data-v-f05926a8]:hover(:not(:disabled)) {
	opacity: .8
}

.masker-fade-enter-active[data-v-f05926a8],
.masker-fade-leave-active[data-v-f05926a8] {
	transition: opacity .3s
}

.masker-fade-enter[data-v-f05926a8],
.masker-fade-leave-to[data-v-f05926a8] {
	opacity: 0
}

.form-fade-enter-active[data-v-f05926a8],
.form-fade-leave-active[data-v-f05926a8] {
	transition: .3s
}

.form-fade-enter[data-v-f05926a8],
.form-fade-leave-to[data-v-f05926a8] {
	transform: translate(-50%, -52%);
	opacity: 0
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

progress {
	vertical-align: baseline
}

[hidden],
template {
	display: none
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}

a:active,
a:hover {
	outline-width: 0
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: inherit;
	font-weight: bolder
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

mark {
	background-color: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none
}

svg:not(:root) {
	overflow: hidden
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

figure {
	margin: 1em 40px
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

button,
input,
select,
textarea {
	font: inherit;
	margin: 0
}

optgroup {
	font-weight: 700
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

textarea {
	overflow: auto
}

[type=checkbox],
[type=radio] {
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-input-placeholder {
	color: inherit;
	opacity: .54
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

.iconfont {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection:before {
	content: "\e600"
}

.icon-xlchatbox:before {
	content: "\e601"
}

.article-content {
	word-break: break-word;
	line-height: 1.75;
	font-weight: 400;
	font-size: 15px;
	overflow-x: hidden
}

.article-content h1 {
	margin: 1.3rem 0;
	line-height: 1.2
}

.article-content p {
	line-height: 2.27rem
}

.article-content hr {
	border: none;
	border-top: 1px solid #ddd;
	margin-top: 2.7rem;
	margin-bottom: 2.7rem
}

.article-content embed,
.article-content iframe,
.article-content img:not(.equation),
.article-content video {
	max-width: 100% !important;
	margin: 0
}

.article-content img.lazyload {
	visibility: hidden
}

.article-content img.inited {
	background-color: #f8f9fa;
	background-position: 50%;
	background-repeat: no-repeat;
	visibility: visible
}

.article-content img.loaded {
	background-image: none;
	background-color: transparent
}

.article-content img.error {
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/image-error.3338abe.png)
}

.article-content img.equation {
	margin: 0 .1em;
	max-width: 100% !important;
	vertical-align: middle
}

.article-content img:not(.equation) {
	cursor: zoom-in
}

.article-content figure {
	margin: 2.7rem auto;
	text-align: center
}

.article-content figure figcaption {
	text-align: center;
	font-size: 1rem;
	line-height: 2.7rem;
	color: #909090
}

.article-content pre {
	line-height: 1.93rem;
	overflow: auto
}

.article-content code,
.article-content pre {
	font-family: Menlo, Monaco, Consolas, Courier New, monospace
}

.article-content code {
	font-size: 1rem;
	padding: .26rem .53em;
	word-break: break-word;
	color: #4e5980;
	background-color: #f8f8f8;
	border-radius: 2px;
	overflow-x: auto
}

.article-content pre>code {
	font-size: 1rem;
	padding: .67rem 1.3rem;
	margin: 0;
	word-break: normal;
	display: block
}

.article-content a {
	color: #259
}

.article-content a:active,
.article-content a:hover {
	color: #275b8c
}

.article-content table {
	display: inline-block !important;
	font-size: 1rem;
	width: auto;
	max-width: 100%;
	overflow: auto;
	border: 1px solid #f6f6f6
}

.article-content thead {
	background: #f6f6f6;
	color: #000;
	text-align: left
}

.article-content tr:nth-child(2n) {
	background-color: #fcfcfc
}

.article-content td,
.article-content th {
	padding: 1rem .6rem;
	line-height: 2rem
}

.article-content td {
	min-width: 10rem
}

.article-content blockquote {
	margin: 1em 0;
	border-left: 4px solid #ddd;
	padding: 0 1.3rem
}

.article-content blockquote>p {
	margin: .6rem 0
}

.article-content ol,
.article-content ul {
	padding-left: 2.7rem
}

.article-content ol li,
.article-content ul li {
	margin-bottom: .6rem
}

.article-content ol ol,
.article-content ol ul,
.article-content ul ol,
.article-content ul ul {
	margin-top: .27rem
}

.article-content pre>code {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	color: #333;
	background: #f8f8f8
}

.article-content .hljs-comment,
.article-content .hljs-quote {
	color: #998
}

.article-content .hljs-keyword,
.article-content .hljs-selector-tag,
.article-content .hljs-subst {
	color: #333;
	font-weight: 700
}

.article-content .hljs-literal,
.article-content .hljs-number,
.article-content .hljs-tag .hljs-attr,
.article-content .hljs-template-variable,
.article-content .hljs-variable {
	color: teal
}

.article-content .hljs-doctag,
.article-content .hljs-string {
	color: #d14
}

.article-content .hljs-section,
.article-content .hljs-selector-id,
.article-content .hljs-title {
	color: #900;
	font-weight: 700
}

.article-content .hljs-subst {
	font-weight: 400
}

.article-content .hljs-class .hljs-title,
.article-content .hljs-type {
	color: #458;
	font-weight: 700
}

.article-content .hljs-attribute,
.article-content .hljs-name,
.article-content .hljs-tag {
	color: navy;
	font-weight: 400
}

.article-content .hljs-link,
.article-content .hljs-regexp {
	color: #009926
}

.article-content .hljs-bullet,
.article-content .hljs-symbol {
	color: #990073
}

.article-content .hljs-built_in,
.article-content .hljs-builtin-name {
	color: #0086b3
}

.article-content .hljs-meta {
	color: #999;
	font-weight: 700
}

.article-content .hljs-deletion {
	background: #fdd
}

.article-content .hljs-addition {
	background: #dfd
}

.article-content .hljs-emphasis {
	font-style: italic
}

.article-content .hljs-strong {
	font-weight: 700
}

.article-content p {
	line-height: inherit;
	margin-top: 22px;
	margin-bottom: 22px
}

.article-content img {
	max-height: none
}

.article-content a {
	color: #0269c8;
	border-bottom: 1px solid #d1e9ff
}

.article-content code {
	background-color: #fff5f5;
	color: #ff502c;
	font-size: .87em;
	padding: .065em .4em
}

.article-content figure {
	margin: 22px auto
}

.article-content figure figcaption {
	margin-top: 2px;
	line-height: 1.6
}

.article-content blockquote {
	color: #666;
	padding: 1px 23px;
	margin: 22px 0;
	border-left: 4px solid #cbcbcb;
	background-color: #f8f8f8
}

.article-content blockquote:after {
	display: block;
	content: ""
}

.article-content blockquote>p {
	margin: 10px 0
}

.article-content blockquote.warning {
	position: relative;
	border-left-color: #f75151;
	margin-left: 8px
}

.article-content blockquote.warning:before {
	position: absolute;
	top: 14px;
	left: -12px;
	background: #f75151;
	border-radius: 50%;
	content: "!";
	width: 20px;
	height: 20px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center
}

.article-content ol,
.article-content ul {
	padding-left: 28px
}

.article-content ol li,
.article-content ul li {
	margin-bottom: 0;
	list-style: inherit
}

.article-content ol li.task-list-item,
.article-content ul li.task-list-item {
	list-style: none
}

.article-content ol li.task-list-item ol,
.article-content ol li.task-list-item ul,
.article-content ul li.task-list-item ol,
.article-content ul li.task-list-item ul {
	margin-top: 0
}

.article-content ol li {
	padding-left: 6px
}

.article-content pre {
	position: relative;
	line-height: 1.75
}

.article-content pre>code {
	padding: 15px 12px
}

.article-content pre>code.hljs[lang] {
	padding: 18px 15px 12px
}

.article-content pre>code.hljs[lang]:before {
	content: attr(lang);
	position: absolute;
	right: 15px;
	top: 2px;
	color: hsla(0, 0%, 54.9%, .8)
}

.article-content pre>code.hljs[lang][lang=bash]:before {
	content: ""
}

.article-content pre>code.copyable .copy-code-btn {
	position: absolute;
	top: 6px;
	right: 15px;
	font-size: 12px;
	line-height: 1;
	cursor: pointer;
	color: hsla(0, 0%, 54.9%, .8);
	transition: color .1s
}

.article-content pre>code.copyable .copy-code-btn:hover {
	color: #8c8c8c
}

.article-content pre>code.copyable.hljs[lang]:before {
	right: 70px
}

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
	color: #333;
	line-height: 1.5;
	margin-top: 35px;
	margin-bottom: 10px;
	padding-bottom: 5px
}

.article-content h1 {
	font-size: 30px;
	margin-bottom: 5px
}

.article-content h2 {
	padding-bottom: 12px;
	font-size: 24px;
	border-bottom: 1px solid #ececec
}

.article-content h3 {
	font-size: 18px;
	padding-bottom: 0
}

.article-content h4 {
	font-size: 16px
}

.article-content h5 {
	font-size: 15px
}

.article-content h6 {
	margin-top: 5px
}

.article-content h1.heading+h2.heading {
	margin-top: 20px
}

.article-content h1.heading+h3.heading {
	margin-top: 15px
}

.article-content .heading+.heading {
	margin-top: 0
}

.article-content h1+:not(.heading) {
	margin-top: 25px
}

@media (max-width:720px) {
	.article-content h1 {
		font-size: 24px
	}

	.article-content h2 {
		font-size: 20px
	}

	.article-content h3 {
		font-size: 18px
	}

	.article-content pre>code .copy-code-btn {
		display: none
	}

	.article-content pre>code.hljs[lang]:before {
		top: 2px;
		right: 15px
	}
}

@media (max-width:720px) {
	.article-content pre>code.copyable.hljs[lang]:before {
		right: 1rem
	}
}

#nprogress {
	pointer-events: none
}

#nprogress .bar {
	background: #007fff;
	position: fixed;
	z-index: 1031;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px
}

#nprogress .peg {
	display: block;
	position: absolute;
	right: 0;
	width: 100px;
	height: 100%;
	box-shadow: 0 0 10px #007fff, 0 0 5px #007fff;
	opacity: 1;
	-webkit-transform: rotate(3deg) translateY(-4px);
	-ms-transform: rotate(3deg) translateY(-4px);
	transform: rotate(3deg) translateY(-4px)
}

.nprogress-custom-parent {
	overflow: hidden;
	position: relative
}

.nprogress-custom-parent #nprogress .bar,
.nprogress-custom-parent #nprogress .spinner {
	position: absolute
}

@-moz-keyframes nprogress-spinner {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

@-webkit-keyframes nprogress-spinner {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

@-o-keyframes nprogress-spinner {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

@keyframes nprogress-spinner {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

body {
	font-size: 12px;
	line-height: normal
}

a,
button,
input {
	margin: initial
}

img {
	width: auto;
	height: auto
}

#juejin {
	overflow-x: initial
}

html {
	font-size: 12px;
	font-family: -apple-system, system-ui, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
	word-break: break-word;
	text-rendering: optimizeLegibility;
	color: #333;
	background-color: #f4f5f5
}

html.mourning {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: #808080
}

body {
	word-break: break-word;
	overflow-y: scroll
}

a {
	text-decoration: none;
	cursor: pointer;
	color: #909090
}

a:hover {
	color: #007fff
}

button {
	list-style: 1
}

button:disabled {
	cursor: not-allowed
}

button.disabled,
button.disabled:hover {
	background-color: #d2d2d2;
	cursor: not-allowed
}

ul {
	padding: 0;
	margin: 0
}

li {
	list-style: none
}

#juejin-seo-meta {
	display: none
}

.container {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 960px
}

.container:after {
	display: table;
	content: "";
	clear: both
}

.hidden {
	display: none
}

.root-view-bg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	z-index: -1
}

.shadow {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.align-center {
	text-align: center
}

.align-right {
	text-align: right
}

.align-middle {
	vertical-align: middle
}

.center {
	margin-left: auto;
	margin-right: auto
}

.text-normal {
	color: #333
}

.text-muted {
	color: #666
}

.text-muted1 {
	color: #909090
}

.text-muted2 {
	color: #838383
}

.text-gray {
	color: #909090
}

.text-light {
	color: #d2d2d2
}

.text-blue {
	color: #007fff
}

.text-blue-hover {
	color: #0371df
}

.text-green {
	color: #37c700
}

.text-green-hover {
	color: #3cb40e
}

.text-orange {
	color: #ff8900
}

.text-red {
	color: #e22323
}

.text-a,
.text-link {
	cursor: pointer;
	color: #333
}

@include transition(color $speed-normal);

.text-a:active,
.text-a:hover,
.text-link:active,
.text-link:hover {
	color: #275b8c
}

.text-link {
	color: #259
}

.text-pointer {
	cursor: pointer
}

.line-wrap {
	white-space: pre-wrap;
	word-break: break-all
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.text-bold,
b,
strong {
	font-weight: 700
}

.view-nav {
	position: fixed;
	top: 5rem;
	width: 100%;
	height: 3.833rem;
	z-index: 100;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
	transition: all .2s;
	transform: translateZ(0)
}

.view-nav,
.view-nav:before {
	left: 0;
	background-color: #fff
}

.view-nav:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	height: 200%;
	z-index: -1
}

.view-nav.top {
	transform: translate3d(0, -5rem, 0)
}

.view-nav .nav-list {
	max-width: 960px;
	height: 100%;
	margin: auto;
	display: flex;
	align-items: center;
	line-height: 1
}

.view-nav .nav-list .nav-item {
	height: 100%;
	align-items: center;
	display: flex;
	flex-shrink: 0;
	font-size: 1.16rem;
	color: #71777c;
	padding: 0 1rem
}

.view-nav .nav-list .nav-item:first-child {
	padding: 0 1rem 0 0
}

.view-nav .nav-list .nav-item:last-child {
	padding: 0 0 0 1rem
}

.view-nav .nav-list .nav-item.active,
.view-nav .nav-list .nav-item:hover {
	color: #007fff
}

.view-nav .nav-list .nav-item a {
	color: inherit
}

.nav-item {
	position: relative;
	cursor: pointer
}

.nav-item>a:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

@media (max-width:980px) {
	.view-nav .nav-list {
		width: auto;
		overflow-x: auto
	}

	.view-nav .nav-list .nav-item:first-child,
	.view-nav .nav-list .nav-item:last-child {
		padding: 0 1.5rem
	}
}

.list-header {
	padding: 1.3rem 1rem;
	border-bottom: 1px solid hsla(0, 0%, 59.2%, .1)
}

.list-header .list-nav,
.list-header .nav-list {
	display: flex;
	justify-content: space-between
}

.list-header .nav-list {
	align-items: center;
	line-height: 1
}

.list-header .nav-list .nav-item.active a,
.list-header .nav-list .nav-item a:hover {
	color: #007fff
}

.list-header .left .nav-item {
	padding: 0 1.2rem;
	font-size: 1.16rem;
	border-right: 1px solid hsla(0, 0%, 59.2%, .2)
}

.list-header .left .nav-item:last-child {
	border: none
}

.list-header .right .nav-item {
	font-size: 1.16rem;
	padding: 0 .7rem;
	position: relative
}

.list-header .right .nav-item:not(:last-child):after {
	width: 2px;
	height: 2px;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	content: "";
	position: absolute;
	left: 100%;
	top: 50%;
	background-color: #2b445d;
	transform: translateY(-50%);
	opacity: .5
}

@media (max-width:600px) {
	.list-header .right {
		display: none
	}
}

.button,
button {
	-webkit-appearance: none;
	appearance: none;
	background-color: #007fff;
	color: #fff;
	border-radius: 2px;
	border: none;
	padding: .5rem 1.3rem;
	outline: none;
	transition: background-color .3s, color .3s;
	cursor: pointer
}

.button:hover,
button:hover {
	background-color: #0371df;
	color: #fff
}

i+span {
	margin-left: .6rem
}

button+button {
	margin-left: .8rem
}

.subscribe-btn {
	border: 1px solid #37c700;
	background-color: #fff;
	color: #37c700;
	margin: 1rem auto;
	font-size: 1.1rem
}

.subscribe-btn:hover {
	background-color: #fff;
	color: #3cb40e;
	border-color: #3cb40e
}

.subscribe-btn.subscribed {
	background-color: #37c700;
	color: #fff
}

.subscribe-btn.subscribed:hover {
	background-color: #3cb40e
}

.radio-group {
	cursor: pointer;
	display: flex;
	align-items: center;
	font-size: 14px
}

.radio-group .radio-label {
	margin-left: 6px
}

input[type=radio] {
	width: 16px;
	height: 16px;
	border: 1px solid #bfcbd9;
	border-radius: 50%;
	background-color: #fff;
	cursor: pointer;
	box-sizing: border-box;
	position: relative;
	outline: none;
	-webkit-appearance: none;
	appearance: none
}

input[type=radio]:after {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #fff;
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale(0);
	transition: transform .15s cubic-bezier(.71, -.46, .88, .6)
}

input[type=radio]:checked {
	border-color: #20a0ff;
	background: #3a9afc
}

input[type=radio]:checked:after {
	transform: translate(-50%, -50%) scale(1)
}

input[type=radio]:disabled {
	background-color: #eef1f6;
	border-color: #d1dbe5;
	cursor: not-allowed
}

input[type=radio]:disabled:checked {
	border-color: #d1dbe5;
	background-color: #d1dbe5
}

input[name=registerSmsCode]::-webkit-contacts-auto-fill-button {
	display: none;
	visibility: hidden
}

.editable,
input[type=password],
input[type=text],
input[type=url],
textarea {
	resize: none;
	outline: none;
	width: 100%;
	display: block;
	box-shadow: none;
	border: 1px solid #ddd;
	border-radius: 2px;
	transition: border .3s;
	background-color: #fff;
	box-sizing: border-box
}

.aside-top-section {
	background-color: #fff;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
	border-radius: 2px;
	margin-bottom: 1.3rem;
	font-size: 1.16rem;
	line-height: 1.29;
	color: #333
}

.aside-top-section .aside-header {
	padding: 1rem 1.3rem;
	border-bottom: 1px solid hsla(0, 0%, 59.2%, .1);
	color: #333;
	font-size: 1.16rem
}

.aside-top-section .aside-list {
	padding: 1rem 1.3rem
}

.aside-top-section .aside-list .item {
	margin-bottom: 1.5rem
}

.iconfont[data-v-39589df3] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-39589df3]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-39589df3]:before {
	content: "\e601"
}

.logo[data-v-39589df3] {
	min-width: 98px;
	margin-right: 2rem
}

.nav-item a[data-v-39589df3] {
	color: #71777c
}

.nav-item.active>.icon[data-v-39589df3],
.nav-item.active>a[data-v-39589df3] {
	color: #007fff
}

.nav-item.discount[data-v-39589df3]:after {
	content: "";
	position: absolute;
	width: 35px;
	height: 28px;
	background: url(https://b-gold-cdn.xitu.io/v3/static/img/half_discount.3daad5d.gif);
	background-size: 35px 28px;
	right: -14px;
	top: 10px
}

.nav-menu-item>a[data-v-39589df3] {
	display: block;
	color: #71777c
}

.avatar[data-v-39589df3] {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	position: relative
}

.badge[data-v-39589df3] {
	position: absolute;
	top: 10px;
	right: -5px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-color: #2f74e9
}

.main-header[data-v-39589df3] {
	background: #fff;
	border-bottom: 1px solid #f1f1f1;
	color: #909090;
	height: 5rem;
	z-index: 250
}

.main-header .container[data-v-39589df3] {
	max-width: 960px;
	margin: auto
}

.container[data-v-39589df3] {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	height: 100%
}

.main-nav[data-v-39589df3] {
	height: 100%;
	flex: 1 0 auto
}

.main-nav-list[data-v-39589df3] {
	display: flex
}

.phone-show-menu[data-v-39589df3] {
	cursor: pointer;
	display: none
}

.phone-hide[data-v-39589df3] {
	display: flex
}

.nav-list[data-v-39589df3] {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	justify-content: flex-end;
	position: relative;
	height: 100%;
	margin: 0
}

.nav-item[data-v-39589df3] {
	color: #71777c;
	padding: 0 1.2rem;
	font-size: 1.33rem;
	margin: 0;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer
}

.nav-item.activities .tip[data-v-39589df3] {
	z-index: 2;
	cursor: auto;
	width: 17rem;
	background: #fff;
	padding: 1rem;
	display: flex;
	justify-content: flex-start;
	position: absolute;
	top: 4.5rem;
	left: -50%;
	margin-left: -3.7rem;
	color: #17181a;
	font-size: 15px;
	border-radius: 2px;
	box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .12)
}

.nav-item.activities .tip .panfish[data-v-39589df3] {
	height: 63px;
	width: 57px;
	flex: 0 0 auto;
	background-repeat: no-repeat;
	background-size: contain
}

.nav-item.activities .tip .content[data-v-39589df3] {
	display: flex;
	flex-direction: column;
	padding: .5rem 0 0 .5rem;
	color: #17181a
}

.nav-item.activities .tip .content button[data-v-39589df3] {
	padding: 0;
	width: 6.41rem;
	height: 2rem;
	color: #fff;
	font-size: 13px;
	border-radius: 12px;
	margin-top: .5rem
}

.nav-item.activities .tip .triangle[data-v-39589df3] {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 1rem;
	height: 1rem;
	transform: translate(-50%, -50%) rotate(45deg);
	background: #fff;
	border-top: 1px solid #f4f5f5;
	border-left: 1px solid #f4f5f5
}

.nav-item.activities .tip .close[data-v-39589df3] {
	cursor: pointer;
	width: 1rem;
	height: 1rem;
	position: absolute;
	top: .5rem;
	right: .5rem;
	border-radius: 50%;
	background: #fff;
	transform: rotate(45deg)
}

.nav-item.activities .tip .close[data-v-39589df3]:after,
.nav-item.activities .tip .close[data-v-39589df3]:before {
	content: "";
	width: .8rem;
	height: 2px;
	display: block;
	position: absolute;
	background: #c5c5c5;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.nav-item.activities .tip .close[data-v-39589df3]:after {
	transform: translate(-50%, -50%) rotate(90deg)
}

.nav-item.activities .tip .close[data-v-39589df3]:hover {
	opacity: .8
}

.nav-item:hover>a[data-v-39589df3] {
	color: #007fff
}

.nav-item[data-v-39589df3]:last-child {
	padding-right: 0
}

.nav-item.link-item[data-v-39589df3] {
	padding: 0 1.5rem;
	height: 5rem
}

.nav-item.book.new-year a[data-v-39589df3]:after {
	left: 0;
	top: 0;
	position: absolute;
	content: "";
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 60px auto;
	width: 100%;
	height: 100%
}

.nav-item.search[data-v-39589df3] {
	flex: 1 1 auto;
	justify-content: flex-end;
	cursor: auto
}

.nav-item.add[data-v-39589df3] {
	cursor: default
}

.nav-item.notification:hover .icon[data-v-39589df3] {
	color: #007fff
}

.nav-item.menu[data-v-39589df3] {
	position: relative
}

.nav-item.submit[data-v-39589df3] {
	color: #007fff;
	position: relative
}

.nav-item.submit[data-v-39589df3]:hover {
	color: #0371df
}

.nav-item.submit[data-v-39589df3]:after {
	content: "|";
	position: absolute;
	top: 20px;
	left: 100%;
	color: hsla(0, 0%, 59.2%, .4)
}

.nav-item.submit .submit-panel[data-v-39589df3] {
	position: absolute;
	top: 101%;
	left: -123px;
	width: 326px;
	box-sizing: border-box;
	padding: 2.5rem 2rem;
	border-radius: 2px;
	color: #909090;
	font-size: 1.1rem;
	background-color: #fff;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
	border: 1px solid rgba(178, 181, 187, .5);
	cursor: default;
	z-index: 11
}

.nav-item.submit .submit-panel[data-v-39589df3]:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 1rem;
	height: 1rem;
	border-top: 1px solid rgba(178, 181, 187, .5);
	border-left: 1px solid rgba(178, 181, 187, .5);
	background-color: #fff;
	transform: rotate(45deg) translate(-50%, -50%);
	transform-origin: 0 0
}

.nav-item.submit .submit-panel .title[data-v-39589df3] {
	font-size: 1.4rem;
	line-height: 1;
	font-weight: 700;
	color: #000;
	text-align: center;
	margin-bottom: 2rem
}

.nav-item.submit .submit-panel .benefit-list[data-v-39589df3] {
	margin-left: 2rem
}

.nav-item.submit .submit-panel .item[data-v-39589df3] {
	list-style: initial;
	margin-bottom: 1rem
}

.nav-item.submit .submit-panel .link[data-v-39589df3] {
	color: #6cbd45;
	text-decoration: underline
}

.nav-item.submit .submit-panel button[data-v-39589df3] {
	display: block;
	margin: 2rem auto 0;
	background-color: #83c73a;
	font-size: 1.2rem;
	padding: 1rem 4rem
}

.nav-item.auth[data-v-39589df3] {
	color: #007fff
}

.nav-item.auth span[data-v-39589df3]:hover {
	color: #0371df
}

.nav-item.auth .login[data-v-39589df3]:after {
	content: "·";
	margin: 0 .4rem
}

.nav-item .icon[data-v-39589df3] {
	font-size: 2rem;
	color: #71777c
}

.nav-item .icon[data-v-39589df3]:hover {
	color: #007fff
}

.submit-fixed-bg[data-v-39589df3] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	z-index: 10
}

.search-form[data-v-39589df3] {
	border: 1px solid hsla(0, 0%, 59.2%, .2);
	background-color: rgba(227, 231, 236, .2);
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 2px
}

.search-form.active[data-v-39589df3] {
	background-color: #fff;
	border: 1px solid #007fff
}

.search-form .search-icon[data-v-39589df3] {
	padding: 0 .5rem;
	cursor: pointer
}

.search-form .search-input[data-v-39589df3] {
	border: none;
	width: 10rem;
	padding: .6rem 1rem;
	box-shadow: none;
	outline: none;
	font-size: 1.1rem;
	color: #666;
	background-color: transparent
}

.nav-menu[data-v-39589df3] {
	position: absolute;
	width: 11rem;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #fff;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
	border: 1px solid rgba(177, 180, 185, .45);
	border-radius: 4px;
	font-size: 1.2rem
}

.nav-menu .nav-menu-item-group[data-v-39589df3] {
	padding: 1rem 0
}

.nav-menu .nav-menu-item[data-v-39589df3] {
	font-size: 1.3rem;
	cursor: pointer
}

.nav-menu .nav-menu-item[data-v-39589df3]:hover {
	background-color: hsla(0, 0%, 94.9%, .5)
}

.nav-menu .nav-menu-item>a[data-v-39589df3] {
	display: flex;
	align-items: center;
	padding: .5rem 1rem
}

.nav-menu .nav-menu-item>a>span[data-v-39589df3] {
	margin-left: 0;
	flex-grow: 1
}

.nav-menu .nav-menu-item>a.link-icon[data-v-39589df3] {
	padding-right: .5rem
}

.nav-menu .nav-menu-item .collect[data-v-39589df3],
.nav-menu .nav-menu-item .zan[data-v-39589df3] {
	margin-right: .8rem;
	width: 18.72px;
	height: 18px
}

.nav-menu .nav-menu-item .icon-2018[data-v-39589df3] {
	width: 38px;
	height: 20px;
	border-radius: 1rem;
	margin-left: 2px;
	background-image: url(https://gold-cdn.xitu.io/asset/2018/2018-icon.png);
	background-size: 102% 100%;
	background-repeat: no-repeat;
	box-shadow: 3px 3px 6px -3px #999
}

.nav-menu .nav-menu-item .icon-2018[data-v-39589df3]:hover {
	opacity: .9
}

.nav-menu .more[data-v-39589df3] {
	position: relative
}

.nav-menu .more:hover .more-dropdown-list[data-v-39589df3] {
	display: block
}

.nav-menu .more .more-icon[data-v-39589df3] {
	float: right;
	color: #b2bac2;
	font-size: 1.2rem;
	line-height: 2rem
}

.nav-menu.user-dropdown-list[data-v-39589df3] {
	width: 13.1rem;
	right: 0;
	left: auto;
	transform: translateX(0)
}

.nav-menu.user-dropdown-list .nav-menu-item-group[data-v-39589df3]:not(:last-child) {
	border-bottom: 1px solid rgba(0, 0, 0, .04)
}

.add-group[data-v-39589df3] {
	display: flex;
	align-items: center;
	position: relative;
	height: 2.667rem;
	cursor: pointer
}

.add-group.active .more-list[data-v-39589df3] {
	display: block
}

.add-group .add-btn[data-v-39589df3],
.add-group .more[data-v-39589df3] {
	height: 100%;
	color: #fff;
	background-color: #007fff;
	border-radius: 3px
}

.add-group .add-btn.active[data-v-39589df3],
.add-group .add-btn[data-v-39589df3]:hover,
.add-group .more.active[data-v-39589df3],
.add-group .more[data-v-39589df3]:hover {
	background-color: #0876e4
}

.add-group .add-btn[data-v-39589df3] {
	padding: 0 .9rem;
	font-size: 1.167rem;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.add-group .more[data-v-39589df3] {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.25rem;
	border-left: 1px solid hsla(0, 0%, 100%, .1);
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.add-group .more .more-icon[data-v-39589df3] {
	margin-top: .2rem;
	font-size: 1rem
}

.add-group .more-list[data-v-39589df3] {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	padding: .417rem 0;
	font-size: 1.167rem;
	color: #3b76c5;
	background-color: #fff;
	border: 1px solid #ebebeb;
	border-radius: 2px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
	display: none;
	z-index: 1
}

.add-group .more-list .item[data-v-39589df3] {
	padding: 0 0 0 .8rem;
	line-height: 1.9
}

.add-group .more-list .item[data-v-39589df3]:hover {
	background-color: #f9f9f9
}

.more-dropdown-list[data-v-39589df3] {
	position: absolute;
	left: auto;
	top: 0;
	right: 102%;
	transform: translateX(0);
	display: none
}

.more-dropdown-list[data-v-39589df3]:after {
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	width: 1.3rem;
	height: 4rem
}

.notification[data-v-39589df3] {
	position: relative
}

.notification.active .icon[data-v-39589df3] {
	color: #007fff
}

.notification .count[data-v-39589df3] {
	position: absolute;
	left: 50%;
	bottom: 43%;
	margin: 0;
	padding: .4rem .67rem;
	font-size: 1rem;
	line-height: 1;
	text-align: center;
	color: #f1f1f1;
	background-color: #007fff;
	border-radius: 3rem;
	border: 2px solid #fff;
	word-break: normal
}

.fengwei[data-v-39589df3] {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: .8rem;
	font-size: 1.2em;
	vertical-align: middle;
	color: #b2bac2
}

.fix-bg[data-v-39589df3] {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0
}

.mobile[data-v-39589df3] {
	display: none
}

@media (max-width:980px) {
	.logo[data-v-39589df3] {
		margin-right: 0;
		margin-left: .67rem
	}

	.container[data-v-39589df3] {
		width: 96%
	}

	.main-nav-list[data-v-39589df3] {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		background-color: #fff;
		z-index: 1
	}

	.phone-show-menu[data-v-39589df3] {
		height: 5rem;
		display: flex;
		align-items: center;
		color: #007fff;
		font-size: 1.33rem;
		justify-content: center;
		padding: 0;
		width: 5.66rem
	}

	.phone-show-menu span[data-v-39589df3] {
		margin-right: .6rem
	}

	.phone-hide[data-v-39589df3] {
		display: none;
		background-color: #fff;
		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
		border: 1px solid rgba(177, 180, 185, .45);
		border-radius: 4px;
		font-size: 1.2rem
	}

	.phone-hide.show[data-v-39589df3] {
		display: block
	}

	.nav-item.link-item[data-v-39589df3] {
		height: 4rem
	}

	.nav-item.add[data-v-39589df3],
	.nav-item.submit[data-v-39589df3],
	.pinTip[data-v-39589df3] {
		display: none
	}

	.tip[data-v-39589df3] {
		display: none !important
	}

	.nav-menu .nav-menu-item .icon-2018[data-v-39589df3] {
		width: 35px;
		margin-left: 0
	}
}

@media (max-width:700px) {
	.nav-item.search[data-v-39589df3] {
		display: flex;
		padding-right: 1.2rem
	}

	.nav-item .search-form .search-input[data-v-39589df3] {
		width: 11rem;
		padding: .6rem
	}

	.nav-item .search-form .search-icon[data-v-39589df3] {
		display: none
	}

	.logo[data-v-39589df3] {
		min-width: 3.75rem
	}

	.logo-img[data-v-39589df3] {
		display: none
	}

	.mobile[data-v-39589df3] {
		display: block
	}

	.notification[data-v-39589df3] {
		padding: 0 .8rem
	}
}

@media (max-width:375px) {
	.nav-item .search-form .search-input[data-v-39589df3] {
		width: 10rem
	}
}

@media (max-width:330px) {
	.nav-item.search[data-v-39589df3] {
		display: none
	}

	.nav-item.search .search-form .search-input[data-v-39589df3] {
		width: 5rem
	}
}

.tip-fade-enter-active[data-v-39589df3],
.tip-fade-leave-active[data-v-39589df3] {
	transition: .3s
}

.tip-fade-enter[data-v-39589df3],
.tip-fade-leave-to[data-v-39589df3] {
	transform: translateY(-10px);
	opacity: 0
}

.main-header-box[data-v-04614f1a] {
	position: relative;
	height: 5rem
}

.main-header[data-v-04614f1a] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	transition: all .2s;
	transform: translate3d(0, -100%, 0)
}

.main-header.visible[data-v-04614f1a] {
	transform: translateZ(0)
}

.main-container>.view[data-v-04614f1a] {
	margin-top: 1.767rem
}

.main-container.with-view-nav>.view[data-v-04614f1a] {
	margin-top: 5.6rem
}

.main-container.tight>.view[data-v-04614f1a] {
	margin-top: 0
}

.main-container.tight.with-view-nav>.view[data-v-04614f1a] {
	margin-top: 3.833rem
}

.username[data-v-0bf91fe4] {
	font-size: 1.25rem;
	font-weight: 600;
	color: #2e3135
}

.iconfont[data-v-f592630e] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-f592630e]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-f592630e]:before {
	content: "\e601"
}

.sub-comment[data-v-f592630e] {
	position: relative;
	padding: 1rem 0 0
}

.sub-comment:hover .removable[data-v-f592630e] {
	display: block
}

.sub-comment-content-row[data-v-f592630e] {
	display: flex;
	align-items: start
}

.sub-comment-content-box[data-v-f592630e] {
	display: flex;
	width: 100%
}

.popover[data-v-f592630e] {
	height: 33px
}

.avatar[data-v-f592630e] {
	width: 2.667rem;
	height: 2.667rem;
	border-radius: 50%
}

.user-content-box[data-v-f592630e] {
	margin-left: .833rem;
	margin-right: 1rem;
	padding-bottom: 12px;
	font-size: 1.083rem;
	color: #17181a;
	width: 100%
}

.user-content-box .profie[data-v-f592630e] {
	display: flex
}

.user-content-box .profie .username[data-v-f592630e] {
	font-weight: 400;
	font-size: 1.083rem;
	color: #333;
	margin-right: 4px
}

.user-content-box .profie .author-badge-text[data-v-f592630e] {
	margin-left: 4px
}

.user-content-box .profie .position[data-v-f592630e] {
	color: #8a9aa9;
	font-size: 13px;
	font-weight: 400;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 13.5rem
}

@media (max-width:600px) {
	.user-content-box .profie .position[data-v-f592630e] {
		max-width: 10rem
	}
}

@media (max-width:320px) {
	.user-content-box .profie .position[data-v-f592630e] {
		max-width: 5rem
	}
}

.user-content-box .content-box[data-v-f592630e] {
	display: inline-block;
	margin-top: .5rem;
	overflow: hidden
}

.user-content-box .content-box .content[data-v-f592630e] {
	white-space: pre-wrap;
	color: #505050;
	line-height: 1.833rem
}

.user-content-box .limit-btn[data-v-f592630e] {
	color: #007fff;
	cursor: pointer;
	user-select: none
}

.user-content-box .limit-btn[data-v-f592630e]:hover {
	opacity: .8
}

.user-content-box .limit-btn.all[data-v-f592630e] {
	display: inline-block;
	margin: .4rem 0
}

.user-content-box .image[data-v-f592630e] {
	margin: 0 .5em;
	color: #406599;
	cursor: pointer;
	position: relative
}

.user-content-box .image a.image-preview[data-v-f592630e] {
	position: relative;
	z-index: 1;
	display: none;
	padding: 8px;
	position: absolute;
	margin-left: 17px;
	top: 2rem;
	left: 0;
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .16);
	border: .5px solid hsla(0, 0%, 59.2%, .2);
	transform: translate(-50%)
}

@media (max-width:600px) {
	.user-content-box .image a.image-preview[data-v-f592630e] {
		display: none
	}
}

.user-content-box .image a.image-preview .image[data-v-f592630e] {
	width: 200px;
	height: 100%;
	min-height: 170px;
	margin: 0
}

.user-content-box .image a.image-preview .triangle-top[data-v-f592630e] {
	position: absolute;
	top: -8px;
	left: 50%;
	margin: -7px 0 0 -7px
}

.user-content-box .image:hover a.image-preview[data-v-f592630e] {
	display: inline-block
}

.sub-comment-stat-box[data-v-f592630e] {
	display: flex;
	margin-top: 7px;
	font-size: 13px;
	color: #8a93a0
}

.sub-comment-stat-box .delete[data-v-f592630e] {
	cursor: pointer;
	display: none
}

.sub-comment-action-box[data-v-f592630e] {
	flex: 0 0 auto;
	display: flex;
	justify-content: space-between;
	margin-left: auto;
	min-width: 8.8rem;
	font-size: 1.083rem;
	color: #8a93a0;
	user-select: none
}

@media (max-width:600px) {
	.sub-comment-action-box[data-v-f592630e] {
		display: none
	}
}

.sub-comment-action-box .comment-action span[data-v-f592630e] {
	margin-left: 6px
}

.sub-comment-action-box .action[data-v-f592630e] {
	display: flex;
	align-items: center;
	margin-left: .5rem;
	cursor: pointer
}

.sub-comment-action-box .action[data-v-f592630e]:hover {
	opacity: .8
}

.sub-comment-action-box .action.active[data-v-f592630e] {
	color: #37c700
}

.sub-comment-action-box .action-title[data-v-f592630e] {
	margin-left: .25rem
}

.sub-comment[data-v-f592630e] .reply-form .triangle {
	display: none
}

.content .emoji[data-v-f592630e],
[data-v-f592630e] .rich-input .emoji {
	width: 1.666rem;
	height: 1.666rem;
	vertical-align: sub
}

[data-v-f592630e] .content .emoji {
	width: 1.5rem;
	height: 1.5rem;
	vertical-align: sub;
	margin-right: 2px
}

[data-v-f592630e] .content .emoji:first-child {
	margin-left: 4px
}

[data-v-f592630e] .content .emoji:last-child {
	margin-right: 4px
}

[data-v-f592630e] .user-popover-box {
	display: inline-block
}

[data-v-f592630e] .user-popover-box a.be-replied {
	color: #406599
}

@media (max-width:600px) {
	.sub-comment-stat-box .visible[data-v-f592630e] {
		display: block
	}
}

.sub-comment-list[data-v-615a4ebc] {
	margin: 1rem 0;
	padding: 0 0 0 1rem;
	background-color: #fafbfc;
	border-radius: 3px
}

.sub-comment-list .item[data-v-615a4ebc]:not(:last-child) .user-content-box {
	border-bottom: 1px solid #f1f1f1
}

.fetch-more[data-v-615a4ebc] {
	display: flex;
	justify-content: center;
	align-items: center
}

.fetch-more-comment[data-v-615a4ebc] {
	display: inline-block;
	margin: 1rem 0;
	font-size: 1.083rem;
	color: #406599;
	cursor: pointer
}

.fetch-more-comment[data-v-615a4ebc]:hover {
	opacity: .8
}

.iconfont[data-v-4d4051b3] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-4d4051b3]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-4d4051b3]:before {
	content: "\e601"
}

.comment[data-v-4d4051b3] {
	display: flex
}

.popover[data-v-4d4051b3] {
	height: 33px
}

.user-link[data-v-4d4051b3] {
	flex: 0 0 auto
}

.avatar[data-v-4d4051b3] {
	width: 2.667rem;
	height: 2.667rem;
	border-radius: 50%
}

.content-box[data-v-4d4051b3] {
	margin-left: .833rem;
	flex: 1 1 auto
}

.content-box:hover .removable[data-v-4d4051b3] {
	display: block;
	cursor: pointer
}

.meta-box[data-v-4d4051b3] {
	display: flex;
	align-items: center;
	font-size: 1.083rem;
	line-height: 1.25;
	white-space: nowrap
}

.meta-box .username[data-v-4d4051b3] {
	font-size: 1.083rem;
	font-weight: 400;
	flex: 1 1 auto;
	width: 0;
	color: #333
}

.meta-box .author-badge-text[data-v-4d4051b3] {
	margin-left: 4px
}

.meta-box .position[data-v-4d4051b3] {
	color: #8a9aa9;
	font-size: 1.083rem;
	margin-left: 4px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 16rem
}

@media (max-width:600px) {
	.meta-box .position[data-v-4d4051b3] {
		max-width: 12rem
	}
}

@media (max-width:320px) {
	.meta-box .position[data-v-4d4051b3] {
		max-width: 5rem
	}
}

.reply-stat[data-v-4d4051b3] {
	display: flex;
	margin-top: 7px;
	font-weight: 400
}

.reply-stat .delete[data-v-4d4051b3],
.reply-stat .time[data-v-4d4051b3] {
	font-size: 1.083rem;
	color: #8a9aa9;
	cursor: default
}

.reply-stat .delete[data-v-4d4051b3] {
	display: none
}

.reply-stat .mobile[data-v-4d4051b3] {
	display: block;
	cursor: pointer
}

.reply-stat .action-box[data-v-4d4051b3] {
	flex: 0 0 auto;
	display: flex;
	justify-content: space-between;
	margin-left: auto;
	min-width: 8.8rem;
	color: #8a93a0;
	user-select: none
}

.reply-stat .action-box .comment-action span[data-v-4d4051b3] {
	margin-left: 6px
}

.reply-stat .action-box .action[data-v-4d4051b3] {
	display: flex;
	align-items: center;
	margin-left: .5rem;
	cursor: pointer
}

.reply-stat .action-box .action[data-v-4d4051b3]:hover {
	opacity: .8
}

.reply-stat .action-box .action.active[data-v-4d4051b3] {
	color: #37c700
}

.reply-stat .action-box .action-title[data-v-4d4051b3] {
	margin-left: .25rem
}

.content[data-v-4d4051b3] {
	margin-top: .55rem;
	font-size: 1.083rem;
	line-height: 1.833rem;
	word-wrap: break-word;
	white-space: pre-wrap;
	color: #505050;
	overflow: hidden
}

.limit-btn[data-v-4d4051b3] {
	font-size: 1.083rem;
	display: inline-block;
	margin-top: .4rem;
	color: #007fff;
	cursor: pointer;
	user-select: none
}

.limit-btn[data-v-4d4051b3]:hover {
	opacity: .8
}

.image[data-v-4d4051b3] {
	margin-top: .8rem;
	width: 6.667rem;
	height: 6.667rem;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: zoom-in
}

.content .emoji[data-v-4d4051b3],
[data-v-4d4051b3] .content .emoji,
[data-v-4d4051b3] .rich-input .emoji {
	width: 1.666rem;
	height: 1.666rem;
	vertical-align: sub
}

[data-v-4d4051b3] .content .emoji {
	margin-right: 2px
}

[data-v-4d4051b3] .content .emoji:first-child {
	margin-left: 4px
}

[data-v-4d4051b3] .content .emoji:last-child {
	margin-right: 4px
}

[data-v-4d4051b3] .content .parse-emoji-url img {
	height: 1.333rem
}

@media (max-width:600px) {
	.reply-stat .mobile[data-v-4d4051b3] {
		display: block
	}
}

.comment-list .item[data-v-182c4df0]:not(:last-child) {
	margin-bottom: 1.333rem
}

.comment-list .item[data-v-182c4df0]:not(:last-child) .comment-divider-line {
	border-bottom: 1px solid #f1f1f1
}

.iconfont[data-v-27d35818] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-27d35818]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-27d35818]:before {
	content: "\e601"
}

.comment-list-box[data-v-27d35818] {
	position: relative;
	border-top: 1px solid #ebebeb
}

.comment-list-box[data-v-27d35818]:after,
.comment-list-box[data-v-27d35818]:before {
	display: table;
	content: "";
	clear: both
}

.comment-list-box .triangle-top[data-v-27d35818] {
	position: absolute;
	top: -8px;
	left: 50%;
	margin: -7px 0 0 -7px
}

.comment-list-box .title[data-v-27d35818] {
	color: #8a9aa9;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	padding: 1.67rem 0 5px
}

.comment-form[data-v-27d35818] {
	margin: 1.333rem 1.666rem
}

@media (max-width:600px) {
	.comment-form[data-v-27d35818] {
		margin: 1.25rem 2rem
	}
}

.comment-list[data-v-27d35818] {
	margin: 0 1.666rem 0 6.5rem
}

@media (max-width:600px) {
	.comment-list[data-v-27d35818] {
		margin: 0 2rem
	}
}

.fetch-more-comment[data-v-27d35818] {
	display: block;
	padding: 1.1rem 0;
	font-size: 1.083rem;
	text-align: center;
	color: #406599;
	border-top: 1px solid #ebebeb;
	cursor: pointer;
	user-select: none
}

.fetch-more-comment[data-v-27d35818]:hover {
	opacity: .8
}

@media (max-width:600px) {
	.sticky[data-v-27d35818] {
		border-top: none;
		margin: 1rem 0
	}
}

.pin-header-more[data-v-79db1672] {
	position: relative
}

.more-button[data-v-79db1672] {
	cursor: pointer
}

.more-button path[data-v-79db1672] {
	fill: #b8c1cc
}

.more-button:hover path[data-v-79db1672] {
	fill: #9da7b3
}

.dropdown[data-v-79db1672] {
	position: absolute;
	margin-top: 6px;
	z-index: 1
}

.dropdown-menu[data-v-79db1672] {
	display: block;
	padding: 6px 0;
	border-radius: 3px;
	background-color: #fff;
	border: 1px solid #ebebeb;
	box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .06)
}

.dropdown-menu li[data-v-79db1672] {
	padding: 6px 28px;
	display: block;
	font-size: 13px;
	color: #84878b;
	text-align: center;
	cursor: pointer;
	white-space: nowrap
}

.dropdown-menu li[data-v-79db1672]:hover {
	color: #64686e;
	background-color: #f8f8f8
}

.dropdown-caret[data-v-79db1672],
.dropdown-caret[data-v-79db1672]:after {
	position: absolute;
	top: -11px;
	left: 0;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-bottom-color: #ebebeb
}

.dropdown-caret[data-v-79db1672]:after {
	content: "";
	top: -5px;
	left: -6px;
	border-bottom-color: #fff
}

.popover-enter-active[data-v-79db1672],
.popover-leave-active[data-v-79db1672] {
	transform: translateY(0);
	transition: .3s
}

.popover-enter[data-v-79db1672],
.popover-leave-to[data-v-79db1672] {
	opacity: 0;
	transform: translateY(-8px)
}

@media (max-width:600px) {
	.dropdown-menu li[data-v-79db1672] {
		padding: 10px 12px
	}
}

.follow-button[data-v-29dd04d6] {
	margin: 0 0 0 auto;
	padding: 0;
	width: 55px;
	height: 26px;
	font-size: 13px;
	border-color: #6cbd45;
	color: #6cbd45
}

.follow-button[data-v-29dd04d6]:hover {
	opacity: .8
}

.follow-button.active[data-v-29dd04d6] {
	color: #fff;
	border-color: #6cbd45;
	background-color: #6cbd45
}

.iconfont[data-v-87753ac2] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-87753ac2]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-87753ac2]:before {
	content: "\e601"
}

.pin[data-v-87753ac2] {
	background-color: #fff;
	border-radius: .2rem
}

.pin-header-from[data-v-87753ac2] {
	line-height: 1;
	color: #8a9aa9;
	font-size: 13px;
	padding: 10px 20px 9px;
	border-bottom: 1px solid #ebebeb
}

.pin-header-from span[data-v-87753ac2] {
	margin-left: 4px
}

.pin-header-row[data-v-87753ac2] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 2rem 0 20px
}

.pin-header-row .account-group[data-v-87753ac2] {
	align-items: center
}

.pin-header-row .user-link[data-v-87753ac2] {
	font-size: 0
}

.pin-header-row .avatar[data-v-87753ac2] {
	flex: 0 0 auto;
	width: 3.75rem;
	height: 3.75rem;
	border-radius: 50%
}

@media (max-width:600px) {
	.pin-header-row .avatar[data-v-87753ac2] {
		width: 3.5rem;
		height: 3.5rem
	}
}

.pin-header-row .pin-header-content[data-v-87753ac2] {
	margin-left: 1rem
}

.pin-header-row .username[data-v-87753ac2] {
	font-size: 1.25rem;
	font-weight: 600;
	color: #2e3135
}

.pin-header-row .meta-box[data-v-87753ac2] {
	display: flex;
	align-items: center;
	margin: .3rem 0 0;
	font-size: 13px;
	color: #8a9aa9;
	cursor: default
}

.pin-header-row .meta-box .position[data-v-87753ac2] {
	max-width: 24rem
}

@media (max-width:600px) {
	.pin-header-row .meta-box .position[data-v-87753ac2] {
		max-width: 8.33rem
	}
}

.pin-header-row .meta-box .dot[data-v-87753ac2] {
	margin: 0 .5em
}

.pin-header-row .meta-box .time-box[data-v-87753ac2] {
	color: #8a9aa9
}

.account-group[data-v-87753ac2],
.header-action[data-v-87753ac2] {
	display: flex
}

.follow-button[data-v-87753ac2] {
	margin: 0 0 0 auto;
	padding: 0;
	width: 55px;
	height: 26px;
	font-size: 13px;
	border-color: #6cbd45;
	color: #6cbd45
}

.follow-button.active[data-v-87753ac2] {
	border-color: #ebebeb;
	color: #ebebeb
}

.header-menu[data-v-87753ac2] {
	margin-left: 16px
}

.pin-topic-row .topic-title[data-v-87753ac2] {
	font-size: 13px;
	display: inline-block;
	line-height: 22px;
	padding: 0 12px;
	border: 1px solid #007fff;
	border-radius: 14px;
	color: #007fff;
	user-select: none
}

.pin-content-row[data-v-87753ac2],
.pin-image-row[data-v-87753ac2],
.pin-link-row[data-v-87753ac2],
.pin-topic-row[data-v-87753ac2] {
	position: relative;
	margin: 1rem 4rem 0 6.45rem
}

@media (max-width:600px) {

	.pin-content-row[data-v-87753ac2],
	.pin-image-row[data-v-87753ac2],
	.pin-link-row[data-v-87753ac2],
	.pin-topic-row[data-v-87753ac2] {
		margin-left: 2rem;
		margin-right: 2rem
	}
}

.pin-image-row[data-v-87753ac2] {
	margin-top: .333rem
}

.pin-content-row[data-v-87753ac2] {
	margin-top: 5px;
	margin-bottom: 5px
}

.pin-topic-row[data-v-87753ac2] {
	margin-top: .666rem
}

.iconfont[data-v-654d6ad2] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-654d6ad2]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-654d6ad2]:before {
	content: "\e601"
}

.author-info[data-v-654d6ad2] {
	display: flex;
	align-items: center
}

.author-info .user-link[data-v-654d6ad2] {
	font-size: 0
}

.author-info .avatar[data-v-654d6ad2] {
	flex: 0 0 auto;
	width: 3.75rem;
	height: 3.75rem;
	border-radius: 50%
}

.author-info-content[data-v-654d6ad2] {
	margin-left: 1rem;
	font-size: 15px;
	color: #8a9aa9
}

.author-info-content span[data-v-654d6ad2] {
	margin: 0 4px
}

.author-info-head[data-v-654d6ad2] {
	display: flex;
	align-items: center
}

.username[data-v-654d6ad2] {
	font-weight: 600;
	font-size: 15px;
	color: #17181a
}

.meta-box[data-v-654d6ad2] {
	display: flex;
	align-items: center;
	margin: .3rem 0 0;
	font-size: 13px;
	color: #8a9aa9;
	cursor: default
}

.meta-box .position[data-v-654d6ad2] {
	max-width: 28rem
}

@media (max-width:600px) {
	.meta-box .position[data-v-654d6ad2] {
		max-width: 100px
	}
}

.meta-box .dot[data-v-654d6ad2] {
	margin: 0 .5em
}

.header-menu[data-v-654d6ad2] {
	margin-top: 4px
}

.iconfont[data-v-78859070] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-78859070]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-78859070]:before {
	content: "\e601"
}

.action-box[data-v-78859070] {
	display: flex;
	position: relative;
	margin-top: 3px;
	height: 34px;
	border-top: 1px solid #ebebeb
}

@media (max-width:600px) {
	.action-box .action[data-v-78859070] {
		flex: 1 1 50%
	}

	.action-box .share-action[data-v-78859070] {
		display: none
	}
}

.action[data-v-78859070] {
	flex: 1 1 33.333%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 100%;
	cursor: pointer;
	user-select: none
}

.action:hover .action-title-box[data-v-78859070] {
	opacity: .8
}

.action[data-v-78859070]:not(:last-child):after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -1rem;
	width: 1px;
	height: 2rem;
	background-color: #ebebeb
}

.action.like-action.active .action-title[data-v-78859070] {
	color: #37c700
}

@media (max-width:600px) {
	.action[data-v-78859070]:nth-child(2):after {
		display: none
	}
}

.action-title-box[data-v-78859070] {
	display: flex;
	align-items: center;
	justify-content: center
}

.action-title-box .icon[data-v-78859070] {
	width: 18px;
	height: 18px
}

.action-title-box .action-title[data-v-78859070] {
	margin-left: 5px;
	font-size: 13px;
	color: #8a93a0
}

.share-panel[data-v-78859070] {
	position: absolute;
	top: 100%;
	left: 50%;
	margin: 0 0 0 -5.5rem;
	width: 11rem;
	background-color: #fff;
	border: 1px solid #ebebeb;
	border-radius: 2px;
	z-index: 101
}

.share-panel.top[data-v-78859070] {
	top: auto;
	bottom: 100%
}

.share-panel.top[data-v-78859070]:after,
.share-panel.top[data-v-78859070]:before {
	display: none
}

.share-panel[data-v-78859070]:after,
.share-panel[data-v-78859070]:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%
}

.share-panel[data-v-78859070]:before {
	margin: -7px 0 0 -7px;
	border: 7px solid transparent;
	border-top: none;
	border-bottom: 7px solid #ebebeb
}

.share-panel[data-v-78859070]:after {
	margin: -6px 0 0 -6px;
	border: 6px solid transparent;
	border-top: none;
	border-bottom: 6px solid #fff
}

.share-panel .share-item[data-v-78859070] {
	padding: .5rem .9rem
}

.share-panel .share-item[data-v-78859070]:not(:last-child) {
	border-bottom: 1px solid #ebebeb
}

.share-panel .share-item[data-v-78859070]:hover {
	background-color: #fdfdfd
}

.share-panel .share-title-box[data-v-78859070] {
	display: flex;
	align-items: center;
	font-size: 1.167rem;
	color: #8a93a0
}

.share-panel .share-title-box .icon[data-v-78859070] {
	margin-right: .8rem;
	width: 20px
}

.share-panel .qr-code[data-v-78859070] {
	margin: .6rem 0 .8rem;
	height: 8.333rem;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain
}

.confirm-dialog-box[data-v-b152e138] {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: hsla(0, 0%, 100%, .8);
	z-index: 1000
}

.confirm-dialog[data-v-b152e138] {
	position: relative;
	padding: 2rem;
	width: 38rem;
	max-width: 100%;
	background-color: #fff;
	border: 1px solid rgba(178, 181, 186, .4);
	border-radius: 3px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .24)
}

.dialog-header[data-v-b152e138] {
	user-select: none
}

.dialog-header .dialog-title[data-v-b152e138] {
	font-size: 1.417rem;
	font-weight: 600;
	color: #000;
	cursor: default
}

.dialog-header .close-btn[data-v-b152e138] {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
	padding: .5rem;
	font-size: 1.2rem;
	color: #979797;
	background-color: transparent;
	border: none;
	outline: none;
	cursor: pointer
}

.dialog-header .close-btn[data-v-b152e138]:hover {
	color: #666
}

.dialog-body[data-v-b152e138] {
	padding: 1rem 0 1.5rem;
	font-size: 1.167rem;
	line-height: 1.7;
	color: #333;
	user-select: text
}

.dialog-footer[data-v-b152e138] {
	display: flex;
	justify-content: flex-end;
	user-select: none
}

.dialog-footer .ctrl-btn[data-v-b152e138] {
	padding: .6rem 1.9rem;
	font-size: 1.167rem;
	color: #a5a5a5;
	background-color: #fff;
	border: none;
	border-radius: 3px;
	outline: none;
	cursor: pointer
}

.dialog-footer .ctrl-btn[data-v-b152e138]:hover:not(:disabled) {
	opacity: .8
}

.dialog-footer .confirm-btn[data-v-b152e138] {
	margin-left: 1.5rem;
	color: #1288ff;
	border: 1px solid
}

.dialog-footer .confirm-btn[data-v-b152e138]:disabled {
	color: #a5a5a5;
	cursor: default
}

.sub-comment:hover .remove-btn[data-v-0a517d96] {
	display: inline-block
}

.sub-comment .user-popover--avatar[data-v-0a517d96] {
	float: left;
	width: 26px;
	margin-right: 10px
}

.sub-comment .avatar[data-v-0a517d96] {
	width: 26px;
	height: 26px;
	border-radius: 3px
}

.sub-comment .content-box[data-v-0a517d96] {
	overflow: hidden
}

.sub-comment .content-box .header .user-info[data-v-0a517d96] {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	line-height: 20px;
	font-size: 13px
}

.sub-comment .content-box .header .user-info .user-popover--info[data-v-0a517d96] {
	margin-right: 10px
}

.sub-comment .content-box .header .user-info .user-popover--info .username[data-v-0a517d96] {
	font-weight: 400;
	font-size: 15px;
	color: #333
}

.sub-comment .content-box .header .user-info .position[data-v-0a517d96] {
	color: rgba(43, 68, 116, .5)
}

.sub-comment .content-box .content[data-v-0a517d96] {
	margin-top: 5px;
	font-size: 14px;
	white-space: pre-wrap
}

.sub-comment .content-box .content .text-reply[data-v-0a517d96] {
	margin-right: 2px
}

.sub-comment .content-box .content .text-reply a[data-v-0a517d96] {
	margin-left: 3px
}

.sub-comment .content-box .content .text-reply .username[data-v-0a517d96] {
	color: #6799cd
}

.sub-comment .content-box .content .content-html[data-v-0a517d96] {
	margin-right: .5em
}

.sub-comment .content-box .content .show-all[data-v-0a517d96] {
	color: #6799cd;
	white-space: nowrap;
	cursor: pointer
}

.sub-comment .content-box .footer[data-v-0a517d96] {
	padding-top: 5px;
	color: #909090
}

.sub-comment .content-box .footer .reply-btn[data-v-0a517d96] {
	visibility: hidden;
	margin-left: 16px
}

.sub-comment .content-box .footer .remove-btn[data-v-0a517d96] {
	margin: 0 0 0 auto;
	padding: 0;
	float: right;
	color: #909090;
	background-color: transparent;
	cursor: pointer
}

.sub-comment:hover .content-box .footer .reply-btn[data-v-0a517d96] {
	visibility: visible
}

.sub-comment__m .position[data-v-0a517d96],
.sub-comment__m .reply-btn[data-v-0a517d96] {
	display: none
}

.sub-comment__m .content-box .header .user-info .username[data-v-0a517d96] {
	color: #596690;
	font-size: 16px
}

.pagination[data-v-f6839db0] {
	display: flex;
	justify-content: center;
	align-items: baseline
}

.pagination li[data-v-f6839db0] {
	margin: 0 8px;
	cursor: pointer;
	padding: 0 5px;
	font-size: 14px
}

.pagination li[data-v-f6839db0]:hover {
	color: #679acd
}

.pagination li.current[data-v-f6839db0],
.pagination li.ellipsis[data-v-f6839db0] {
	color: #bbb;
	cursor: default
}

.sub-comment-box[data-v-1c046d0a] {
	margin-top: 9px;
	border: 1px solid #eaeaea;
	border-radius: 3px
}

.sub-comment-box .sub-comment-box__inner[data-v-1c046d0a] {
	padding: 16px
}

@media (max-width:700px) {
	.sub-comment-box .sub-comment-box__inner[data-v-1c046d0a] {
		padding: 8px
	}
}

.sub-comment-box .sub-comment-box__inner .sub-comment-list[data-v-1c046d0a],
.sub-comment-box .sub-comment-box__inner .sub-comment-list li[data-v-1c046d0a] {
	padding-bottom: 15px
}

.sub-comment-box .sub-comment-box__inner .sub-comment-list li[data-v-1c046d0a]:not(:first-child) {
	padding-top: 15px
}

.sub-comment-box .sub-comment-box__inner .sub-comment-list li[data-v-1c046d0a]:not(:last-child) {
	border-bottom: 1px solid #e1e5e8
}

.sub-comment-box .sub-comment-box__inner .reply-form[data-v-1c046d0a] {
	margin-top: 15px;
	display: flex;
	justify-content: flex-start;
	height: auto
}

@media (max-width:700px) {
	.sub-comment-box .sub-comment-box__inner .reply-form[data-v-1c046d0a] {
		margin-top: 8px
	}
}

.sub-comment-box .sub-comment-box__inner .reply-form .auth-card[data-v-1c046d0a] {
	flex-grow: 5
}

.sub-comment-box .sub-comment-box__inner .reply-form textarea[data-v-1c046d0a] {
	height: 31px;
	padding: 6px;
	font-size: 14px;
	border-radius: 3px;
	flex-grow: 1
}

.sub-comment-box .sub-comment-box__inner .reply-form button[data-v-1c046d0a] {
	flex-grow: 1;
	flex-basis: 75px;
	min-width: 75px;
	height: 31px;
	margin-left: 8px;
	padding-left: 0;
	padding-right: 0;
	font-size: 15px;
	text-align: center
}

@media (max-width:700px) {
	.sub-comment-box .sub-comment-box__inner .reply-form button[data-v-1c046d0a] {
		flex-basis: 60px;
		min-width: 60px
	}
}

.sub-comment-box .sub-comment-box__inner .empty-comment dl[data-v-1c046d0a] {
	text-align: center;
	width: 60px;
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 25px;
	color: #909090
}

.sub-comment-box .sub-comment-box__inner .empty-comment dl dt img[data-v-1c046d0a] {
	width: 60px;
	vertical-align: top
}

.sub-comment-box .sub-comment-box__inner .empty-comment dl dd[data-v-1c046d0a] {
	text-align: center;
	height: 18px;
	margin: 5px 0 0
}

.sub-comment-box__top[data-v-1c046d0a] {
	display: none
}

.sub-comment-box__m[data-v-1c046d0a] {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 251;
	background: #fff;
	width: 100%;
	height: 100%
}

.sub-comment-box__m .sub-comment-box__top[data-v-1c046d0a] {
	display: block;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #ddd;
	background-color: #fafafa
}

.sub-comment-box__m .sub-comment-box__top h3[data-v-1c046d0a] {
	margin: 0;
	text-align: center;
	font-weight: 400;
	font-size: 18px
}

.sub-comment-box__m .sub-comment-box__top .icon-close[data-v-1c046d0a] {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: 1px solid #b6bac1;
	float: left;
	position: absolute;
	left: 15px;
	top: 11px
}

.sub-comment-box__m .sub-comment-box__top .icon-close[data-v-1c046d0a]:before {
	position: absolute;
	left: 50%;
	top: 50%;
	content: "";
	width: 14px;
	height: 1px;
	background-color: #b6bac1;
	transform: rotate(45deg);
	margin-left: -7px;
	margin-top: -1px
}

.sub-comment-box__m .sub-comment-box__top .icon-close[data-v-1c046d0a]:after {
	position: absolute;
	left: 50%;
	top: 50%;
	content: "";
	width: 14px;
	height: 1px;
	background-color: #b6bac1;
	transform: rotate(-45deg);
	margin-left: -7px;
	margin-top: -1px
}

.sub-comment-box__m .sub-comment-box__inner[data-v-1c046d0a] {
	max-height: calc(100vh - 85px);
	overflow-y: auto
}

.sub-comment-box__m .sub-comment-box__inner .pagination[data-v-1c046d0a],
.sub-comment-box__m .sub-comment-box__inner .reply-form[data-v-1c046d0a],
.sub-comment-box__m .sub-comment-box__inner[data-v-1c046d0a]:after,
.sub-comment-box__m .sub-comment-box__inner[data-v-1c046d0a]:before {
	display: none
}

.sub-comment-box.sub-comment-box__m[data-v-1c046d0a] {
	margin-top: 0
}

.iconfont[data-v-25cbe108] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-25cbe108]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-25cbe108]:before {
	content: "\e601"
}

.comment[data-v-25cbe108] {
	position: relative;
	overflow: hidden
}

.comment:hover .remove-btn[data-v-25cbe108] {
	display: inline-block
}

.avatar[data-v-25cbe108] {
	position: absolute;
	top: 0;
	left: 0;
	width: 2.7rem;
	height: 2.7rem;
	cursor: pointer;
	border-radius: 50%
}

.content-box[data-v-25cbe108] {
	margin: .5rem 0 0 3.5rem
}

.user-info[data-v-25cbe108] {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap
}

.user-info .username[data-v-25cbe108] {
	font-size: 1.2rem;
	font-weight: 600;
	color: #333;
	margin-right: .6rem
}

.user-info .position[data-v-25cbe108] {
	font-size: 1rem;
	color: #909090;
	max-width: 220px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.content[data-v-25cbe108] {
	margin: .3rem 0 .5rem;
	font-size: 1.2rem;
	line-height: 1.7;
	color: #333
}

.content .content-html[data-v-25cbe108] {
	margin-right: .5em;
	white-space: pre-wrap
}

.content .show-all[data-v-25cbe108] {
	color: #6799cd;
	white-space: nowrap;
	cursor: pointer
}

.content .username[data-v-25cbe108] {
	color: #007fff
}

.footer[data-v-25cbe108] {
	display: flex;
	align-items: baseline;
	color: #909090
}

.footer .like-btn[data-v-25cbe108] {
	padding: .3rem .5rem;
	background-color: hsla(0, 0%, 94.9%, .8);
	color: #909090;
	font-size: 1rem;
	margin-right: 1rem;
	border-radius: 2px
}

.footer .like-btn.liked[data-v-25cbe108] {
	color: #007fff;
	background-color: rgba(0, 127, 255, .1)
}

.footer .sub-comment-btn[data-v-25cbe108] {
	position: relative;
	margin-right: 15px;
	font-size: 20px;
	height: 30px;
	color: #909090;
	user-select: none
}

.footer .sub-comment-btn[data-v-25cbe108]:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/oval-sub-comment.3675eb0.svg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	margin-right: 5px;
	vertical-align: middle
}

.footer .sub-comment-btn .title[data-v-25cbe108] {
	font-size: 13px
}

.footer .sub-comment-btn .sub-comment--arrow[data-v-25cbe108] {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%
}

.footer .sub-comment-btn .sub-comment--arrow[data-v-25cbe108]:before {
	content: "";
	position: absolute;
	left: 30px;
	border-color: transparent transparent #eaeaea;
	border-style: solid;
	border-width: 0 9px 10px;
	top: 100%
}

.footer .sub-comment-btn .sub-comment--arrow[data-v-25cbe108]:after {
	content: "";
	position: absolute;
	top: calc(100% + 2px);
	left: 31px;
	border-color: transparent transparent #fff;
	border-style: solid;
	border-width: 0 8px 8px
}

.footer .remove-btn[data-v-25cbe108] {
	margin: 0 1.4rem 0 auto;
	padding: 0;
	float: right;
	color: #909090;
	background-color: transparent;
	cursor: pointer
}

.reply-form[data-v-25cbe108] {
	position: relative;
	margin: .6rem 0 1.5rem
}

.reply-form .reply-input[data-v-25cbe108] {
	font-size: 1.3rem;
	line-height: 1.7rem;
	padding: .5rem;
	height: 62px;
	margin-bottom: .8rem
}

.reply-form .reply-input[data-v-25cbe108]:hover {
	border-color: #007fff
}

.reply-form .action-box[data-v-25cbe108] {
	display: flex;
	justify-content: flex-end;
	font-size: 1.1rem
}

.reply-form .action-box .cancel-btn[data-v-25cbe108] {
	background-color: #f1f1f1;
	color: #333
}

.reply-form.replying[data-v-25cbe108]:before {
	content: "提交中...";
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	color: #666;
	background-color: hsla(0, 0%, 100%, .8);
	z-index: 1
}

@media (max-width:600px) {
	.avatar[data-v-25cbe108] {
		left: .5rem;
		top: .1rem;
		width: 2.4rem;
		height: 2.4rem
	}
}

.item[data-v-5b98adaa] {
	position: relative;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem
}

.item[data-v-5b98adaa]:not(:last-of-type):not(.highlight):before {
	content: "";
	position: absolute;
	left: 3.5rem;
	bottom: 0;
	right: 0;
	border-bottom: 1px solid #f5f5f5
}

.more-btn[data-v-5b98adaa] {
	padding: 1.8rem 0;
	font-size: 1.08rem;
	text-align: center;
	color: #07f;
	cursor: pointer
}

.more-btn[data-v-5b98adaa]:hover {
	color: #05d
}

.more-btn.loading[data-v-5b98adaa] {
	color: #ddd;
	cursor: default
}

.prism-player .prism-big-play-btn {
	background: url(https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/img/bigplay.png) no-repeat;
	background-size: contain;
	width: 64px;
	height: 64px
}

.prism-player .prism-big-play-btn .outter {
	border: 7px solid hsla(0, 0%, 100%, .51);
	width: 64px;
	height: 64px;
	border-radius: 100%;
	position: absolute;
	box-sizing: border-box;
	top: 0;
	left: 0
}

.prism-player .prism-big-play-btn:hover {
	cursor: pointer
}

.prism-player .prism-play-btn {
	width: 24px;
	height: 24px;
	background: url(https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/img/smallplay.png) no-repeat;
	background-size: contain
}

.prism-player .prism-play-btn:hover {
	cursor: pointer
}

.prism-player .prism-live-display {
	font-size: 12px;
	color: #ebecec;
	line-height: 44px;
	text-align: center;
	margin: 0
}

.prism-player .live-shift-display:hover {
	cursor: pointer;
	font-size: 14px
}

.prism-player .prism-play-btn.playing {
	background: url(https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/img/smallpause.png) no-repeat;
	background-size: contain
}

.prism-player .prism-play-btn.playing:hover {
	cursor: pointer
}

.prism-player .prism-fullscreen-btn {
	width: 24px;
	height: 24px;
	background: url(https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/img/fullscreen.png) no-repeat;
	background-size: contain
}

.prism-player .prism-fullscreen-btn:hover {
	cursor: pointer
}

.prism-player .prism-fullscreen-btn.fullscreen {
	background: url(https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/img/smallscreen.png) no-repeat;
	background-size: contain
}

.prism-player .prism-fullscreen-btn.fullscreen:hover {
	animation: hoverAnimationScale 1s 1;
	-moz-animation: hoverAnimationScale 1s 1;
	-webkit-animation: hoverAnimationScale 1s 1;
	-o-animation: hoverAnimationScale 1s 1;
	cursor: pointer
}

.prism-player .prism-volume {
	position: relative
}

.prism-player .prism-volume .volume-icon {
	width: 28px;
	height: 28px;
	background: url(https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/img/volume.png);
	background-size: contain
}

.prism-player .prism-volume .volume-icon .long-horizontal {
	width: 3px;
	background: #ebecec;
	height: 18px;
	position: absolute;
	right: 5px;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.prism-player .prism-volume .volume-icon .short-horizontal {
	width: 3px;
	background: #ebecec;
	height: 8px;
	position: absolute;
	right: 10px;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.prism-player .prism-volume .volume-icon:hover {
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%;
	background-size: contain;
	cursor: pointer
}

.prism-player .prism-volume .mute .long-horizontal {
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	height: 12px;
	top: 10px;
	left: 22px
}

.prism-player .prism-volume .mute .short-horizontal {
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	height: 12px;
	top: 10px;
	left: 22px
}

.prism-player .prism-volume-control {
	position: absolute;
	bottom: 44px;
	display: none;
	background: rgba(60, 60, 60, .95);
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);
	width: 32px;
	height: 130px;
	z-index: 10000
}

.prism-player .prism-volume-control .volume-control-icon {
	width: 32px;
	height: 32px;
	background: url(https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/img/unmutevolume.png) no-repeat;
	background-size: contain
}

.prism-player .prism-volume-control .volume-control-icon:hover {
	cursor: pointer;
	background: url(https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/img/volumehover.png) no-repeat;
	background-size: contain
}

.prism-player .prism-volume-control .volume-control-icon.mute {
	background: url(https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/img/volumemute.png) no-repeat;
	background-size: contain
}

.prism-player .prism-volume-control .volume-control-icon.mute:hover {
	background: url(https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/img/volumemutehover.png) no-repeat;
	background-size: contain;
	cursor: pointer
}

.prism-player .prism-volume-control:hover {
	cursor: pointer
}

.prism-player .prism-volume-control .volume-control-icon {
	position: absolute;
	bottom: 6px;
	left: 8px;
	width: 26px;
	height: 26px
}

.prism-player .prism-volume-control .volume-range {
	position: absolute;
	left: 14px;
	bottom: 10px;
	border-radius: 1px;
	background: #6c6262;
	box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, .06);
	width: 4px;
	height: 100px
}

.prism-player .prism-volume-control .volume-value {
	width: 100%;
	height: 0%;
	background: #30adf2;
	position: absolute;
	border-radius: 1px;
	bottom: 0
}

.prism-player .prism-volume-control .volume-cursor {
	position: absolute;
	bottom: 0;
	background: #fff;
	width: 15px;
	height: 15px;
	border-radius: 15px;
	left: -6px
}

.prism-player .prism-volume-control .volume-cursor:hover {
	background: #00c1de
}

.prism-player .prism-animation {
	width: 64px;
	height: 64px;
	border-radius: 64px;
	opacity: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.prism-player .prism-play-animation {
	background: url(https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/img/playanimation.png) no-repeat;
	background-size: contain
}

.prism-player .prism-pause-animation {
	background: url(https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/img/pauseanimation.png) no-repeat;
	background-size: contain
}

.prism-player .play-apply-animation {
	animation: prismplayanimation 1s 1;
	-moz-animation: prismplayanimation 1s 1;
	-webkit-animation: prismplayanimation 1s 1;
	-o-animation: prismplayanimation 1s 1;
	animation-fill-mode: both
}

@keyframes prismplayanimation {
	0% {
		width: 32px;
		height: 32px;
		border-radius: 32px;
		opacity: 0
	}

	50% {
		width: 32px;
		height: 32px;
		border-radius: 32px;
		opacity: 1
	}

	99% {
		width: 76px;
		height: 76px;
		border-radius: 76px;
		opacity: 0
	}

	to {
		width: 0;
		height: 0
	}
}

@keyframes spinoffPulse {
	0% {
		transform: rotate(0);
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0)
	}

	to {
		transform: rotate(1turn);
		-webkit-transform: rotate(1turn);
		-moz-transform: rotate(1turn)
	}
}

@keyframes hoverAnimationRotate {
	0% {
		transform: rotate(0);
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0)
	}

	50% {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg)
	}

	to {
		transform: rotate(0);
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0)
	}
}

@keyframes hoverAnimationScale {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1)
	}

	50% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2)
	}

	to {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1)
	}
}

@keyframes hoverAnimationScaleX {
	0% {
		transform: scaleX(1);
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1)
	}

	50% {
		transform: scaleX(1.2);
		-webkit-transform: scaleX(1.2);
		-moz-transform: scaleX(1.2)
	}

	to {
		transform: scaleX(1);
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1)
	}
}

@keyframes hoverVolumeAnimation {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.volume-hover-animation {
	animation: hoverVolumeAnimation .3s 1;
	-moz-animation: hoverVolumeAnimation .3s 1;
	-webkit-animation: hoverVolumeAnimation .3s 1;
	-o-animation: hoverVolumeAnimation .3s 1
}

@keyframes hoverPlayButtonAnimation {
	0% {
		width: 63px;
		height: 63px;
		border: 7px solid #fff
	}

	60% {
		width: 90px;
		height: 90px;
		border: 7px solid hsla(0, 0%, 100%, .51)
	}

	to {
		width: 97px;
		height: 97px;
		border: 14px solid hsla(0, 0%, 100%, 0)
	}
}

@keyframes warn {
	0% {
		transform: scale(1);
		opacity: 0
	}

	25% {
		transform: scale(1);
		opacity: .1
	}

	50% {
		transform: scale(1.1);
		opacity: .3
	}

	75% {
		transform: scale(1.5);
		opacity: .5
	}

	to {
		transform: scale(2);
		opacity: 0
	}
}

.big-playbtn-hover-animation {
	animation: warn 1s ease-out;
	-moz-animation: warn 1s ease-out;
	-webkit-animation: warn 1s ease-out;
	-o-animation: warn 1s ease-out
}

.big-playbtn-hover-animation1 {
	animation: hoverPlayButtonAnimation 1s 1;
	-moz-animation: hoverPlayButtonAnimation 1s 1;
	-webkit-animation: hoverPlayButtonAnimation 1s 1;
	-o-animation: hoverPlayButtonAnimation 1s 1
}

.prism-player {
	background-color: #000;
	position: relative
}

.prism-player a {
	text-decoration: none
}

.prism-player video {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform-origin: center;
	-moz-transform-origin: center;
	-webkit-transform-origin: center;
	-o-transform-origin: center
}

.prism-player .x5-full-screen {
	object-fit: fill;
	object-position: 50% 50%
}

.prism-player .x5-top-left {
	object-fit: contain;
	object-position: 0 0
}

.prism-player .prism-cover {
	background-size: cover;
	z-index: 11
}

.prism-player .prism-cover,
.prism-player .prism-ErrorMessage {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	position: absolute;
	top: 0;
	left: 0
}

.prism-player .prism-ErrorMessage {
	background-color: #000;
	background-size: contain;
	z-index: 99;
	overflow: hidden;
	display: none
}

.prism-player .prism-ErrorMessage .prism-error-content {
	margin-top: 20px;
	padding: 0 5px
}

.prism-player .prism-ErrorMessage .prism-error-content p {
	text-align: center;
	font-size: 12px;
	color: #fff
}

.prism-player .prism-ErrorMessage .prism-error-operation {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1.5px;
	border-bottom-color: hsla(0, 0%, 100%, .15);
	border-bottom-style: dotted;
	text-align: center
}

.prism-player .prism-ErrorMessage .prism-error-operation a {
	width: 80px;
	height: 32px;
	line-height: 32px;
	vertical-align: top;
	display: inline-block;
	margin-left: 10px
}

.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh {
	color: #21c5e0;
	border: 1px solid #21c5e0
}

.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh:hover {
	color: #05d3f5;
	border-color: #05d3f5;
	cursor: pointer
}

.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh:active {
	color: #026a7b;
	border-color: #026a7b
}

.prism-player .prism-ErrorMessage .prism-error-operation .prism-button-orange:visited {
	color: #05d3f5
}

.prism-player .prism-ErrorMessage .prism-detect-info {
	color: #fff;
	font-size: 10px
}

.prism-player .prism-ErrorMessage .prism-detect-info p {
	padding: 0 5px;
	word-break: break-all;
	margin: 0 0 4px
}

.prism-player .prism-ErrorMessage .prism-detect-info span.info-label {
	display: inline-block;
	font-weight: 700
}

.prism-player .prism-ErrorMessage .prism-detect-info span.info-content {
	color: grey
}

.prism-player .prism-big-play-btn {
	display: none;
	z-index: 1000
}

.prism-player .prism-controlbar {
	width: 100%;
	height: 44px;
	position: relative;
	z-index: 10;
	font-size: 14px
}

.prism-player .prism-controlbar .prism-controlbar-bg {
	background: rgba(75, 75, 75, .15);
	width: 100%;
	height: 40px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1
}

.prism-player .prism-time-display {
	height: 40px;
	line-height: 40px;
	color: #a4aab3;
	font-size: 12px
}

.prism-player .prism-time-display .current-time {
	color: #fff
}

.prism-player .prism-live-time-display {
	height: 44px;
	line-height: 44px;
	color: #a4aab3;
	font-size: 12px
}

.prism-player .prism-live-time-display span {
	display: inline
}

.prism-player .prism-live-time-display .live-text {
	margin-left: 5px;
	font-size: 12px;
	color: #ebecec
}

.prism-player .prism-live-time-display .current-time {
	color: #fff
}

.prism-player .prism-fullscreen-btn:hover {
	animation: hoverAnimationScale 1s 1;
	-moz-animation: hoverAnimationScale 1s 1;
	-webkit-animation: hoverAnimationScale 1s 1;
	-o-animation: hoverAnimationScale 1s 1
}

.prism-player .prism-liveshift-progress,
.prism-player .prism-progress {
	bottom: 40px !important;
	width: 100%;
	height: 4px;
	background: rgba(195, 197, 198, .5);
	box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, .06);
	position: relative;
	cursor: pointer
}

.prism-player .prism-liveshift-progress .prism-progress-time,
.prism-player .prism-progress .prism-progress-time {
	position: absolute;
	top: -25px;
	background: rgba(0, 0, 0, .8);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
	color: #fff;
	font-size: 14px;
	border-radius: 7.5px;
	padding: 0 6px;
	text-align: center;
	white-space: nowrap
}

.prism-player .prism-liveshift-progress .prism-progress-loaded,
.prism-player .prism-progress .prism-progress-loaded {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: #c3c5c6
}

.prism-player .prism-liveshift-progress .prism-progress-played,
.prism-player .prism-progress .prism-progress-played {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #00c1de
}

.prism-player .prism-liveshift-progress .prism-progress-cursor,
.prism-player .prism-progress .prism-progress-cursor {
	position: absolute;
	border-radius: 8px;
	top: -5px;
	width: 16px;
	height: 16px;
	overflow: hidden;
	box-sizing: content-box;
	background: url(https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/img/dragcursorhover.png) 50%;
	display: none
}

.prism-player .prism-liveshift-progress .prism-progress-cursor img,
.prism-player .prism-progress .prism-progress-cursor img {
	width: 14px;
	height: 14px;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.prism-player .prism-liveshift-progress .cursor-hover,
.prism-player .prism-progress .cursor-hover {
	border-radius: 9px;
	width: 18px;
	height: 18px;
	top: -5px !important
}

.prism-player .prism-liveshift-progress .cursor-hover img,
.prism-player .prism-progress .cursor-hover img {
	width: 16px;
	height: 16px
}

.prism-player .prism-liveshift-progress .prism-progress-marker,
.prism-player .prism-progress .prism-progress-marker {
	width: 100%;
	height: 100%;
	position: absolute
}

.prism-player .prism-liveshift-progress .prism-progress-marker .prism-marker-dot,
.prism-player .prism-progress .prism-progress-marker .prism-marker-dot {
	position: absolute;
	background: #d9edf7;
	width: 5px;
	height: 100%;
	border-radius: 20%
}

.prism-player .prism-progress-hover {
	cursor: pointer;
	height: 6px;
	transition: height .1s
}

.prism-player .prism-progress-hover .prism-marker-dot {
	width: 10px;
	height: 80%;
	top: 8%;
	border-radius: 30%
}

.prism-player .prism-progress-hover .prism-progress-cursor {
	top: -4px
}

.prism-player .prism-liveshift-progress {
	background: 0 0
}

.prism-player .prism-liveshift-progress .prism-enable-liveshift {
	cursor: pointer;
	position: absolute;
	background: #fff;
	height: 4px
}

.prism-player .prism-liveshift-progress .prism-enable-liveshift:hover {
	height: 6px;
	transition: height .1s
}

.prism-player .prism-liveshift-progress .prism-liveshift-seperator {
	height: 15px;
	position: absolute;
	right: 0;
	top: -8px;
	color: #fff;
	margin-right: 5px;
	margin-left: 5px;
	right: -65px
}

.prism-player .prism-marker-text {
	padding: 5px;
	background: rgba(0, 0, 0, .8);
	position: absolute;
	max-width: 180px;
	max-height: 100px;
	bottom: 50px;
	color: #fff;
	border-radius: 3px;
	z-index: 9999;
	display: none;
	overflow: auto
}

.prism-player .prism-marker-text p {
	text-align: center;
	word-break: break-all;
	margin: 0;
	font-size: 12px
}

.prism-player .prism-loading {
	width: 55px;
	height: 55px;
	z-index: 10
}

.prism-player .prism-loading .circle {
	background-color: transparent;
	border-color: currentcolor;
	border-color: rgba(0, 193, 222, .2) rgba(0, 193, 222, .5) rgba(0, 193, 222, .7) rgba(0, 193, 222, .1);
	border-style: solid;
	border-width: 5px;
	opacity: .9;
	border-radius: 50px;
	width: 45px;
	height: 45px;
	margin: 0 auto;
	-moz-animation: spinoffPulse .9s infinite linear;
	-webkit-animation: spinoffPulse .9s linear infinite
}

.prism-player .prism-hide {
	display: none
}

.prism-player .prism-snapshot-btn {
	width: 32px;
	height: 32px;
	background: url(https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/img/snapshot.png) no-repeat;
	background-size: contain
}

.prism-player .prism-snapshot-btn:hover {
	animation: hoverAnimationScale 1s 1;
	-moz-animation: hoverAnimationScale 1s 1;
	-webkit-animation: hoverAnimationScale 1s 1;
	-o-animation: hoverAnimationScale 1s 1;
	cursor: pointer
}

.prism-player .prism-snapshot-btn:active {
	displa: block
}

.prism-player .prism-info-display {
	width: 100%;
	color: #fff;
	font-size: 18px;
	text-align: center;
	top: 50%;
	position: absolute;
	z-index: 900;
	height: 44px;
	line-height: 28px;
	font-size: 16px;
	padding: 10px 12px
}

.prism-player .prism-info-display span {
	color: #00c1de
}

.prism-player .prism-info-left-bottom {
	width: auto !important;
	top: auto !important;
	bottom: 70px;
	left: 20px !important;
	text-align: left
}

.prism-player .prism-info-top-center {
	width: auto !important;
	top: 20px !important;
	left: 50% !important;
	text-align: left !important;
	-ms-transform: translateX(-50%) !important;
	transform: translateX(-50%) !important;
	color: red !important
}

.prism-player .prism-info-black {
	color: #000 !important
}

.prism-player .prism-auto-stream-selector {
	position: absolute;
	bottom: 50%;
	width: 100%;
	margin: auto;
	color: #efeff4;
	display: none
}

.prism-player .prism-auto-stream-selector p.tip-text {
	text-align: center
}

.prism-player .prism-auto-stream-selector .operators {
	width: 100px;
	margin: auto
}

.prism-player .prism-button-cancel {
	font-size: 16px;
	border: 1px solid hsla(0, 0%, 100%, .66);
	padding: 2px 5px;
	color: hsla(0, 0%, 100%, .66);
	margin-left: 5px;
	background: rgba(80, 63, 63, .24)
}

.prism-player .prism-button-ok {
	font-size: 16px;
	border: 1px solid #fff;
	padding: 2px 5px;
	color: #fff;
	background: rgba(80, 63, 63, .39)
}

.prism-player .prism-button-cancel:hover,
.prism-player .prism-button-ok:hover {
	color: #f5f5f5
}

.prism-player .prism-cc-btn {
	height: 24px;
	width: 24px;
	background: url(https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/img/cc.png) 50% no-repeat;
	background-size: contain
}

.prism-player .prism-cc-btn:hover {
	cursor: pointer;
	animation: hoverAnimationScale 1s 1;
	-moz-animation: hoverAnimationScale 1s 1;
	-webkit-animation: hoverAnimationScale 1s 1;
	-o-animation: hoverAnimationScale 1s 1
}

.prism-player .prism-setting-btn {
	height: 24px;
	width: 24px;
	background: url(https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/img/setting.png) 50% no-repeat;
	background-size: contain
}

.prism-player .prism-setting-btn:hover {
	cursor: pointer;
	animation: hoverAnimationRotate 1s 1;
	-moz-animation: hoverAnimationRotate 1s 1;
	-webkit-animation: hoverAnimationRotate 1s 1;
	-o-animation: hoverAnimationRotate 1s 1
}

.prism-player .prism-setting-list {
	background: rgba(60, 60, 60, .95);
	width: 220px;
	position: absolute;
	right: 14px;
	bottom: 45px;
	display: none;
	z-index: 10000;
	text-align: left
}

.prism-player .prism-setting-list .prism-setting-item {
	font-size: 14px;
	color: #ebecec;
	height: 30px
}

.prism-player .prism-setting-list .prism-setting-item .setting-content {
	width: 100%
}

.prism-player .prism-setting-list .prism-setting-item .setting-content:hover {
	background: hsla(0, 0%, 84.7%, .1);
	cursor: pointer
}

.prism-player .prism-setting-list .prism-setting-item .setting-content span {
	line-height: 30px
}

.prism-player .prism-setting-list .prism-setting-item .setting-content .setting-title {
	margin-left: 15px
}

.prism-player .prism-setting-list .prism-setting-item .setting-content .current-setting {
	float: right
}

.prism-player .prism-setting-list .prism-setting-item .array {
	display: inline-block;
	border-left-color: #fff;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	border-top-color: #fff;
	width: 8px;
	height: 8px;
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-right: 10px;
	margin-top: 10px;
	margin-left: 10px;
	float: right
}

.prism-player .prism-setting-selector {
	right: 40px;
	position: absolute;
	bottom: 45px;
	width: 150px;
	background: rgba(60, 60, 60, .95);
	font-size: 14px;
	color: #ebecec;
	display: none;
	z-index: 10000;
	text-align: left
}

.prism-player .prism-setting-selector .header {
	background: #242424;
	width: 150px;
	height: 30px
}

.prism-player .prism-setting-selector .header:hover {
	cursor: pointer
}

.prism-player .prism-setting-selector .header .left-array {
	display: inline-block;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-right-color: #fff;
	border-top-color: #fff;
	width: 8px;
	height: 8px;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-right: 6px;
	margin-top: 12px;
	margin-left: 16px;
	float: left
}

.prism-player .prism-setting-selector .header span {
	line-height: 30px
}

.prism-player .prism-setting-selector ul {
	list-style-type: none;
	max-height: 150px;
	overflow-y: auto;
	padding-left: 16px;
	margin-top: 5px
}

.prism-player .prism-setting-selector ul li {
	height: 28px;
	padding-left: 10px
}

.prism-player .prism-setting-selector ul li.current {
	color: #30adf2;
	padding-left: 0
}

.prism-player .prism-setting-selector ul li.current:before {
	content: "";
	display: inline-block;
	line-height: 0;
	border-color: transparent transparent transparent #30adf2;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	margin-top: 5px;
	padding-right: 5px
}

.prism-player .prism-setting-selector ul li:hover {
	background: hsla(0, 0%, 84.7%, .1);
	cursor: pointer
}

.prism-player .prism-setting-selector ul span {
	line-height: 28px
}

.prism-player .prism-thumbnail {
	border: 1px solid rgba(0, 0, 0, .8);
	width: 174px;
	height: 98px;
	position: absolute;
	bottom: 50px;
	display: none
}

.prism-player .prism-thumbnail .none {
	border: none
}

.prism-player .prism-thumbnail span {
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	background: rgba(0, 0, 0, .8);
	text-align: center;
	text-shadow: 1px 1px 4px #373d41;
	padding-left: 5px;
	padding-right: 5px;
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 33%
}

.prism-player .prism-tooltip {
	background: #3c3c3c;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
	height: 28px;
	margin: 0;
	padding: 0 5px;
	position: absolute;
	bottom: 50px;
	color: #fff;
	line-height: 28px;
	font-size: 10px;
	white-space: nowrap;
	display: none
}

:-moz-full-screen {
	width: 100% !important;
	height: 100% !important
}

:-ms-full-screen,
:-ms-fullscreen {
	width: 100% !important;
	height: 100% !important
}

:-webkit-full-screen {
	width: 100% !important;
	height: 100% !important
}

:fullscreen {
	width: 100% !important;
	height: 100% !important
}

body.prism-full-window {
	padding: 0;
	margin: 0;
	height: 100%;
	overflow-y: auto
}

.prism-fullscreen {
	position: fixed;
	overflow: hidden;
	z-index: 99999;
	left: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
	width: 100% !important;
	height: 100% !important;
	position: absolute
}

.prism-button {
	cursor: pointer;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	border-radius: .5em;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.prism-button-orange {
	color: #a56117;
	border: 1px solid #a56117
}

.prism-button-retry {
	color: #f2dede;
	border: 1px solid #f2dede
}

.prism-button-orange:active,
.prism-button-orange:hover {
	color: #d67400;
	border-color: #d67400
}

.prism-button-orange:visited {
	color: #d67400
}

.prism-button-retry:active,
.prism-button-retry:hover {
	color: #fcf8e3;
	border-color: #fcf8e3
}

.prism-button-retry:visited {
	color: #fcf8e3
}

.prism-center {
	position: absolute;
	left: 50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.prism-width90 {
	width: 90%
}

.prism-stream-selector {
	font-size: 16px;
	position: relative;
	line-height: 32px
}

.prism-stream-selector .current-stream-selector {
	text-align: center;
	width: 70px;
	display: none;
	color: #efeff4
}

.prism-stream-selector .current-stream-selector:hover {
	cursor: pointer;
	color: #00c1de
}

.prism-stream-selector .stream-selector-tip {
	color: #fff;
	text-align: center;
	padding: 2px 5px;
	display: none;
	position: absolute;
	bottom: 61.5px;
	white-space: nowrap;
	left: 43%;
	font-size: 18px
}

.prism-stream-selector .stream-selector-list {
	position: absolute;
	bottom: 32px;
	background: rgba(0, 0, 0, .5);
	color: #efeff4;
	padding: 5px 5px 0;
	width: 70px;
	margin: 0;
	display: none
}

.prism-stream-selector .stream-selector-list li {
	list-style-type: none;
	text-align: center;
	white-space: nowrap;
	padding: 0 2px;
	line-height: 24px
}

.prism-stream-selector .stream-selector-list li:last-child {
	margin-bottom: 10px
}

.prism-stream-selector .stream-selector-list li.current,
.prism-stream-selector .stream-selector-list li span.current {
	color: #00c1de
}

.prism-stream-selector .stream-selector-list li:hover {
	cursor: pointer;
	color: #00c1de
}

.prism-speed-selector {
	font-size: 16px;
	position: relative;
	line-height: 32px
}

.prism-speed-selector .current-speed-selector {
	color: #efeff4;
	text-align: center;
	width: 60px
}

.prism-speed-selector .current-speed-selector:hover {
	cursor: pointer;
	color: #00c1de
}

.prism-speed-selector .speed-selector-list {
	position: absolute;
	bottom: 32px;
	background: rgba(0, 0, 0, .5);
	color: #efeff4;
	padding: 5px 5px 0;
	display: none;
	margin: 0
}

.prism-speed-selector .speed-selector-list li {
	list-style-type: none;
	text-align: center;
	white-space: nowrap;
	padding: 0 2px;
	line-height: 24px
}

.prism-speed-selector .speed-selector-list li:last-child {
	margin-bottom: 10px
}

.prism-speed-selector .speed-selector-list li.current,
.prism-speed-selector .speed-selector-list li span.current {
	color: #00c1de
}

.prism-speed-selector .speed-selector-list li:hover {
	cursor: pointer;
	color: #00c1de
}

.prism-ai-container {
	position: absolute;
	overflow: hidden
}

.prism-ai-container .prism-ai-marking {
	font-size: 12px;
	position: absolute
}

.prism-ai-container .prism-ai-marking[vh=large] {
	font-size: 18px
}

.prism-ai-container .prism-ai-marking[vh=middle] {
	font-size: 16px
}

.prism-ai-container .prism-ai-marking .prism-ai-rect-region {
	position: relative;
	display: inline-block
}

.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title {
	height: 0;
	-ms-transform: translateY(-40px);
	transform: translateY(-40px)
}

.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title p {
	background: #ff1d00;
	text-align: center;
	width: 100%;
	color: #fff;
	word-break: keep-all;
	margin: 10px 0 0
}

.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title .top-left-anchor {
	width: 5px;
	height: 5px;
	border-left: 1px solid red;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top: 1px solid red;
	-ms-transform: translate(-5px, 10px);
	transform: translate(-5px, 10px)
}

.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title .top-right-anchor {
	width: 5px;
	height: 5px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right: 1px solid red;
	border-top: 1px solid red;
	-ms-transform: translate(5px, 5px);
	transform: translate(5px, 5px);
	float: right
}

.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-rect {
	border: 1px solid #ff1d00;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	color: rgba(255, 29, 0, .3);
	background: rgba(255, 29, 0, .1)
}

.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-rect .prism-ai-slash-container {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: absolute
}

.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-rect .prism-ai-slash {
	content: "";
	display: block;
	box-sizing: border-box;
	border-top-width: 1px;
	border-top-style: solid;
	height: 10px;
	margin-top: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	transform: rotate(-45deg) scaleX(2);
	-ms-transform-origin: bottom center;
	transform-origin: bottom center
}

.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-rect .prism-ai-top-slash {
	margin-top: -10px !important
}

.prism-ai-container .prism-ai-marking .prism-ai-rect-region .anchor-plug {
	position: absolute
}

.prism-ai-container .prism-ai-marking .prism-ai-rect-region .top-left {
	top: -7px;
	left: -2px
}

.prism-ai-container .prism-ai-marking .prism-ai-rect-region .top-right {
	top: -7px;
	right: -2px
}

.prism-ai-container .prism-ai-marking .prism-ai-rect-region .bottom-left {
	bottom: -8px;
	left: -2px
}

.prism-ai-container .prism-ai-marking .prism-ai-rect-region .bottom-right {
	bottom: -8px;
	right: -2px
}

.prism-ai-container .prism-ai-marking .prism-ai-labels {
	color: #fff;
	float: right;
	background: rgba(0, 0, 0, .4);
	padding-top: 5px;
	padding-bottom: 5px
}

.prism-ai-container .prism-ai-marking .prism-ai-labels p {
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0
}

.prism-ai-container .prism-ai-marking .prism-ai-labels a {
	padding-left: 5px;
	padding-right: 5px
}

.prism-ai-container .prism-ai-marking .prism-ai-labels p[vh=large] {
	padding-left: 25px;
	padding-right: 25px
}

.prism-ai-container .prism-ai-marking .prism-ai-labels p[vh=middle] {
	padding-left: 15px;
	padding-right: 15px
}

.prism-player video::-webkit-media-text-track-container {
	overflow: visible !important
}

.prism-player video::cue {
	line-height: 1.7
}

.prism-player .disabled {
	pointer-events: none;
	color: grey
}

.prism-player .center {
	-ms-transform: translate(-50%, -50%)
}

.iconfont[data-v-6c1df30b] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-6c1df30b]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-6c1df30b]:before {
	content: "\e601"
}

.section-page[data-v-6c1df30b] {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 60px 40px;
	box-shadow: 1px 1px 8px rgba(0, 0, 0, .15);
	background-color: #fff;
	border-radius: 2px;
	box-sizing: border-box
}

.section-page img[data-v-6c1df30b] {
	max-width: 100%
}

.section-page .comment-box[data-v-6c1df30b] {
	padding-bottom: 1rem
}

.book-comments[data-v-6c1df30b] {
	padding-top: 30px
}

.book-comments .box-title[data-v-6c1df30b] {
	margin: 1.3rem 0;
	text-align: center;
	color: #909090;
	font-weight: 500;
	font-size: 16px
}

@media (max-width:475px) {
	.section-page[data-v-6c1df30b] {
		padding: 20px
	}
}

.iconfont[data-v-715c0452] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-715c0452]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-715c0452]:before {
	content: "\e601"
}

.fade-enter-active[data-v-4fcbed1d],
.fade-leave-active[data-v-4fcbed1d] {
	position: absolute;
	left: 0;
	width: 100%;
	transition: all .25s ease
}

.fade-enter-to[data-v-4fcbed1d],
.fade-leave[data-v-4fcbed1d] {
	transform: translateZ(0)
}

.transition--prev .fade-leave-to[data-v-4fcbed1d] {
	transform: translate3d(100%, 0, 0)
}

.transition--next .fade-leave-to[data-v-4fcbed1d],
.transition--prev .fade-enter[data-v-4fcbed1d] {
	transform: translate3d(-100%, 0, 0)
}

.transition--next .fade-enter[data-v-4fcbed1d] {
	transform: translate3d(100%, 0, 0)
}

.book-wap-section[data-v-4fcbed1d] {
	overflow: hidden
}

.book-body[data-v-4fcbed1d] {
	position: relative;
	width: 100%;
	min-height: 100vh;
	box-sizing: border-box;
	margin-bottom: env(safe-area-inset-bottom);
	padding-bottom: 50px
}

.book-content[data-v-4fcbed1d] {
	width: 100%
}

.bottom-mobile-buy[data-v-4fcbed1d] {
	display: flex;
	cursor: pointer;
	position: fixed;
	bottom: 60px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	background-color: #007fff;
	color: #fff;
	user-select: none;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
	width: 178px;
	height: 40px;
	border-radius: 40px;
	margin-bottom: env(safe-area-inset-bottom)
}

.iconfont[data-v-5aa05b18] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-5aa05b18]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-5aa05b18]:before {
	content: "\e601"
}

.book-progress[data-v-5aa05b18] {
	position: absolute;
	left: 20px;
	top: calc(100% + 20px)
}

.book-progress ul li[data-v-5aa05b18] {
	margin-bottom: 5px;
	width: 6px;
	height: 6px;
	background-color: #ccc;
	border-radius: 50%
}

.book-progress ul li.active[data-v-5aa05b18] {
	background-color: #aaa
}

.iconfont[data-v-2eedd74a] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-2eedd74a]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-2eedd74a]:before {
	content: "\e601"
}

.book-handle[data-v-2eedd74a] {
	position: fixed;
	width: 100%;
	left: 50%;
	max-width: calc(100vw - 340px);
	bottom: 70px;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	margin-left: 160px
}

.book-handle .step-btn[data-v-2eedd74a] {
	cursor: pointer;
	position: absolute;
	bottom: 0;
	z-index: 10;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	border-radius: 50%;
	background-color: #007fff;
	color: #fff;
	user-select: none;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .15)
}

.book-handle .step-btn img[data-v-2eedd74a] {
	width: 32px
}

.book-handle .step-btn.step-btn--prev[data-v-2eedd74a] {
	left: 10px
}

.book-handle .step-btn.step-btn--next[data-v-2eedd74a] {
	right: 10px
}

.book-handle .step-btn.step-btn--finished[data-v-2eedd74a] {
	background-color: #fff;
	right: 10px
}

.book-handle .step-btn.step-btn--buy[data-v-2eedd74a] {
	right: 10px
}

@media (min-width:1320px) {
	.book-handle[data-v-2eedd74a] {
		max-width: 980px
	}
}

@media (max-width:700px) {
	.book-handle[data-v-2eedd74a] {
		max-width: 100%;
		bottom: 30px;
		margin-left: 0
	}

	.book-handle .step-btn.step-btn--buy[data-v-2eedd74a] {
		display: none
	}

	.book-handle .step-btn.step-btn--next[data-v-2eedd74a] {
		right: 10px
	}
}

.iconfont[data-v-4277b056] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-4277b056]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-4277b056]:before {
	content: "\e601"
}

.mark-star-masker[data-v-4277b056] {
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
	display: flex;
	justify-content: center;
	align-items: center
}

.mark-star-masker .inner[data-v-4277b056] {
	position: relative;
	width: 675px;
	min-height: 500px;
	padding: 30px 45px;
	border-radius: 2px;
	box-sizing: border-box;
	background-color: #fff
}

.mark-star-masker .inner .ion-close[data-v-4277b056] {
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 10px;
	line-height: 1;
	color: #484848
}

.mark-star-masker .inner .top[data-v-4277b056] {
	display: flex
}

.mark-star-masker .inner .top .star-content[data-v-4277b056] {
	flex-grow: 1
}

.mark-star-masker .inner .top .star-content .heading[data-v-4277b056] {
	font-size: 34px;
	color: #232323;
	font-weight: 700
}

.mark-star-masker .inner .top .star-content .name[data-v-4277b056] {
	margin-top: 10px;
	font-size: 21px;
	font-weight: 700;
	color: #5d7084
}

.mark-star-masker .inner .top .star-content .star-panel[data-v-4277b056] {
	margin-top: 30px;
	display: flex
}

.mark-star-masker .inner .top .star-content .star-panel .star[data-v-4277b056] {
	width: 25px;
	height: 25px;
	margin-right: 12px;
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/star.4db4048.svg);
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
	cursor: pointer
}

.mark-star-masker .inner .top .star-content .star-panel .star.star-selected[data-v-4277b056] {
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/star-selected.4c987d6.svg);
	background-size: contain
}

.mark-star-masker .inner .top .star-content .star-panel .star-title[data-v-4277b056] {
	color: #e88200;
	font-size: 17px;
	height: 25px;
	line-height: 27px;
	font-weight: 700
}

.mark-star-masker .inner .top .aside[data-v-4277b056] {
	margin-left: 100px;
	flex-shrink: 0;
	width: 110px
}

.mark-star-masker .inner .top .aside img[data-v-4277b056] {
	width: 100%;
	display: block;
	box-shadow: 0 10px 25px 0 rgba(93, 93, 93, .3)
}

.mark-star-masker .inner .text-content[data-v-4277b056] {
	margin-top: 25px
}

.mark-star-masker .inner .text-content textarea[data-v-4277b056] {
	text-align: justify;
	width: 100%;
	box-sizing: border-box;
	height: 140px;
	padding: 20px;
	border-radius: 2px;
	font-size: 16px;
	outline: none;
	border: 1px solid rgba(93, 112, 132, .2);
	color: #5d7084;
	resize: none
}

.mark-star-masker .inner .remark[data-v-4277b056] {
	margin-top: 10px;
	font-size: 13px;
	color: #5d7084
}

.mark-star-masker .inner .bottom[data-v-4277b056] {
	text-align: center;
	margin-top: 40px
}

.mark-star-masker .inner .bottom .submit-btn[data-v-4277b056] {
	width: 160px;
	height: 46px;
	line-height: 34px;
	font-size: 20px
}

.mark-star-masker .inner .bottom .submit-btn[data-v-4277b056]:disabled {
	opacity: .5
}

.iconfont[data-v-3e7a919a] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-3e7a919a]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-3e7a919a]:before {
	content: "\e601"
}

.more[data-v-3e7a919a] {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	cursor: pointer;
	display: none;
	width: 25px;
	padding-right: 10px;
	height: 100%;
	background-size: 18px auto;
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/more.3f349bb.svg);
	background-repeat: no-repeat;
	background-position: 0
}

.more.open .more-menu[data-v-3e7a919a] {
	display: block;
	z-index: 2
}

.more .more-menu[data-v-3e7a919a] {
	display: none;
	position: absolute;
	right: 0;
	top: 90%;
	background-color: #fff;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
	border-radius: 2px
}

.more .more-menu div[data-v-3e7a919a] {
	color: #71777c;
	width: auto;
	padding-left: 18px;
	padding-right: 18px;
	height: 40px;
	line-height: 40px;
	min-width: 140px
}

.more .more-menu div[data-v-3e7a919a]:hover {
	color: #333;
	background-color: rgba(0, 0, 0, .05)
}

.section[data-v-d0eb2184] {
	position: relative;
	min-height: 75px;
	cursor: default;
	padding-left: 20px;
	padding-right: 35px;
	border-radius: 2px;
	font-size: 14px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #8f9193
}

.section.section-link[data-v-d0eb2184] {
	cursor: pointer
}

.section[data-v-d0eb2184]:hover {
	color: #333;
	background-color: #e9e9e9
}

.section:hover .more[data-v-d0eb2184] {
	display: block
}

.section.read[data-v-d0eb2184] {
	color: #333
}

.section.route-active[data-v-d0eb2184] {
	color: #333;
	background-color: #e0e0e0
}

.section.read .step .step-btn[data-v-d0eb2184],
.section.route-active .step .step-btn[data-v-d0eb2184] {
	border-color: #007fff;
	color: #007fff
}

.section.read .step[data-v-d0eb2184]:after,
.section.read .step[data-v-d0eb2184]:before,
.section.route-active .step[data-v-d0eb2184]:after,
.section.route-active .step[data-v-d0eb2184]:before {
	background-color: #007fff
}

.section.route-active .step[data-v-d0eb2184]:after {
	background-color: #b5b7ba
}

.section .center[data-v-d0eb2184] {
	flex-grow: 1;
	padding-top: 12px;
	padding-bottom: 12px
}

.section .center .title[data-v-d0eb2184] {
	font-size: 16px
}

.section .center .sub-line[data-v-d0eb2184] {
	display: flex;
	align-items: center;
	margin-top: 3px
}

.section .center .sub-line .to-read[data-v-d0eb2184] {
	flex-shrink: 0;
	width: 40px;
	height: 20px;
	color: #fff;
	line-height: 20px;
	border-radius: 2px;
	margin-right: 10px;
	text-align: center;
	font-size: 12px;
	background-color: #fa5600
}

.section .center .sub-line .writing[data-v-d0eb2184] {
	color: #6ea7da;
	margin-right: 12px
}

.section .center .sub-line .statistics[data-v-d0eb2184] {
	color: #b2bac2;
	font-size: 12px;
	display: flex;
	flex-wrap: wrap
}

.section .center .sub-line .statistics span[data-v-d0eb2184] {
	margin-right: 12px
}

.section .step[data-v-d0eb2184] {
	align-items: center;
	display: flex;
	margin-right: 15px;
	align-self: stretch;
	position: relative
}

.section .step .step-btn[data-v-d0eb2184] {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	font-size: 16px;
	border-radius: 50%;
	border: 2px solid #b5b7ba;
	color: #b5b7ba;
	box-sizing: border-box;
	text-align: center;
	background-color: #fff;
	z-index: 1
}

.section .step[data-v-d0eb2184]:before {
	top: 0
}

.section .step[data-v-d0eb2184]:after,
.section .step[data-v-d0eb2184]:before {
	z-index: 0;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 2px;
	background-color: #b5b7ba;
	height: 50%;
	content: ""
}

.section .step[data-v-d0eb2184]:after {
	top: 50%
}

.section:first-child .step[data-v-d0eb2184]:before,
.section:last-child .step[data-v-d0eb2184]:after {
	display: none
}

@media (max-width:720px) {
	.section .step .step-btn[data-v-d0eb2184] {
		width: 30px;
		height: 30px;
		font-size: 12px
	}
}

.iconfont[data-v-d0eb2184] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-d0eb2184]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-d0eb2184]:before {
	content: "\e601"
}

.section[data-v-d0eb2184] {
	min-height: 60px;
	padding-left: 16px
}

.section .center .title[data-v-d0eb2184] {
	font-size: 14px
}

.section .center .sub-line[data-v-d0eb2184] {
	font-size: 12px
}

.section .step[data-v-d0eb2184] {
	margin-right: 10px
}

.section .step .step-btn[data-v-d0eb2184] {
	width: 30px;
	height: 30px;
	font-size: 14px
}

.iconfont[data-v-47b1e584] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-47b1e584]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-47b1e584]:before {
	content: "\e601"
}

.user-auth[data-v-47b1e584] {
	height: 100%;
	position: absolute;
	right: 15px
}

.nav-item a[data-v-47b1e584] {
	color: #71777c
}

.nav-item.active>.icon[data-v-47b1e584],
.nav-item.active>a[data-v-47b1e584] {
	color: #007fff
}

.nav-menu-item>a[data-v-47b1e584] {
	display: block;
	color: #71777c
}

.avatar[data-v-47b1e584] {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%
}

.nav-list[data-v-47b1e584] {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	justify-content: flex-end;
	position: relative;
	height: 100%;
	margin: 0
}

.nav-item[data-v-47b1e584] {
	color: #71777c;
	font-size: 1.33rem;
	margin: 0;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer
}

.nav-item:hover>a[data-v-47b1e584] {
	color: #007fff
}

.nav-item.menu[data-v-47b1e584] {
	position: relative
}

.nav-item.auth[data-v-47b1e584] {
	color: #007fff
}

.nav-item.auth span[data-v-47b1e584]:hover {
	color: #0371df
}

.nav-item.auth .login[data-v-47b1e584]:after {
	content: "·";
	margin: 0 .4rem
}

.nav-menu[data-v-47b1e584] {
	position: absolute;
	width: 11rem;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #fff;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
	border: 1px solid rgba(177, 180, 185, .45);
	border-radius: 4px;
	font-size: 1.2rem
}

.nav-menu .nav-menu-item-group[data-v-47b1e584] {
	padding: 1rem 0
}

.nav-menu .nav-menu-item[data-v-47b1e584] {
	font-size: 1.3rem;
	cursor: pointer
}

.nav-menu .nav-menu-item[data-v-47b1e584]:hover {
	background-color: hsla(0, 0%, 94.9%, .5)
}

.nav-menu .nav-menu-item>a[data-v-47b1e584] {
	display: flex;
	align-items: center;
	padding: .5rem 1rem
}

.nav-menu .nav-menu-item>a>span[data-v-47b1e584] {
	margin-left: 0;
	flex-grow: 1
}

.nav-menu .more[data-v-47b1e584] {
	position: relative
}

.nav-menu .more:hover .more-dropdown-list[data-v-47b1e584] {
	display: block
}

.nav-menu .more .more-icon[data-v-47b1e584] {
	float: right;
	color: #b2bac2;
	font-size: 1.2rem;
	line-height: 2rem
}

.nav-menu.user-dropdown-list[data-v-47b1e584] {
	width: 13rem;
	right: 0;
	left: auto;
	transform: translateX(0)
}

.nav-menu.user-dropdown-list .nav-menu-item-group[data-v-47b1e584]:not(:last-child) {
	border-bottom: 1px solid rgba(0, 0, 0, .04)
}

.more-dropdown-list[data-v-47b1e584] {
	position: absolute;
	left: auto;
	top: 0;
	right: 102%;
	transform: translateX(0);
	display: none
}

.more-dropdown-list[data-v-47b1e584]:after {
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	width: 1.3rem;
	height: 4rem
}

.notification[data-v-47b1e584] {
	position: relative
}

.notification .count[data-v-47b1e584] {
	position: absolute;
	left: 50%;
	bottom: 43%;
	margin: 0;
	padding: .4rem .67rem;
	font-size: 1rem;
	line-height: 1;
	text-align: center;
	color: #f1f1f1;
	background-color: #007fff;
	border-radius: 3rem;
	border: 2px solid #fff;
	word-break: normal
}

.fengwei[data-v-47b1e584] {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: .8rem;
	font-size: 1.2em;
	vertical-align: middle;
	color: #b2bac2
}

.iconfont[data-v-b43fc858] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-b43fc858]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-b43fc858]:before {
	content: "\e601"
}

.fade-enter-active[data-v-b43fc858],
.fade-leave-active[data-v-b43fc858] {
	position: absolute;
	left: 0;
	width: 100%;
	transition: all .25s ease
}

.fade-enter-to[data-v-b43fc858],
.fade-leave[data-v-b43fc858] {
	transform: translateZ(0)
}

.transition--prev .fade-leave-to[data-v-b43fc858] {
	transform: translate3d(100%, 0, 0)
}

.transition--next .fade-leave-to[data-v-b43fc858],
.transition--prev .fade-enter[data-v-b43fc858] {
	transform: translate3d(-100%, 0, 0)
}

.transition--next .fade-enter[data-v-b43fc858] {
	transform: translate3d(100%, 0, 0)
}

a[data-v-b43fc858] {
	text-decoration: none
}

.book-read-view[data-v-b43fc858] {
	position: relative;
	overflow: hidden
}

.book-section[data-v-b43fc858] {
	position: relative;
	display: flex
}

.book-summary[data-v-b43fc858] {
	width: 320px;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	cursor: default;
	flex-shrink: 0;
	z-index: 2;
	border-right: 1px solid #ddd;
	transition: all .3s cubic-bezier(.4, 0, .2, 1);
	will-change: left
}

.book-summary .book-summary-masker[data-v-b43fc858] {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .3)
}

.book-summary .book-summary-inner[data-v-b43fc858] {
	transition: all .3s cubic-bezier(.4, 0, .2, 1);
	background-color: #f0f1f4;
	position: relative;
	z-index: 1;
	height: 100%
}

.book-summary .book-summary-inner .book-summary__header[data-v-b43fc858] {
	height: 60px;
	display: flex;
	padding-left: 16px;
	align-items: center;
	background-color: #fff;
	border-bottom: 1px solid #ddd
}

.book-summary .book-summary-inner .book-summary__header .logo[data-v-b43fc858] {
	height: 30px
}

.book-summary .book-summary-inner .book-summary__header .logo img[data-v-b43fc858] {
	height: 100%
}

.book-summary .book-summary-inner .book-summary__header .label[data-v-b43fc858] {
	margin-left: 13px;
	margin-right: 25px;
	padding-left: 10px;
	padding-right: 10px;
	height: 24px;
	line-height: 24px;
	font-size: 15px;
	font-weight: 500;
	color: #007fff;
	position: relative;
	background-color: rgba(0, 127, 255, .1)
}

.book-summary .book-summary-inner .book-summary__header .label[data-v-b43fc858]:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-color: rgba(0, 127, 255, .2) #fff #fff rgba(0, 127, 255, .2);
	border-style: solid;
	border-width: 5px
}

.book-summary .book-summary-inner .book-summary__header .audit[data-v-b43fc858] {
	color: #71777c;
	font-size: 15px;
	opacity: .6
}

.book-summary .book-summary-inner .section-buy[data-v-b43fc858] {
	height: 60px;
	cursor: pointer;
	background-color: #007fff;
	color: #fff;
	font-size: 18px;
	line-height: 60px;
	text-align: center
}

.book-summary .book-summary-inner .book-directory[data-v-b43fc858] {
	overflow-y: auto;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	height: calc(100% - 180px)
}

.book-summary .book-summary-inner .book-directory.bought[data-v-b43fc858] {
	height: calc(100% - 120px)
}

.book-content[data-v-b43fc858] {
	width: 100%;
	margin-left: 320px;
	transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.book-content .book-content-inner[data-v-b43fc858] {
	position: relative
}

.book-content .book-content-inner .book-progress[data-v-b43fc858] {
	display: none
}

.book-content .book-content-inner .book-content__header[data-v-b43fc858] {
	position: fixed;
	right: 0;
	left: 320px;
	min-width: 320px;
	background-color: #fff;
	z-index: 2;
	border-bottom: 1px solid #ddd;
	height: 60px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-left: 20px;
	padding-right: 20px;
	transition: all .3s cubic-bezier(.4, 0, .2, 1);
	font-size: 18px
}

.book-content .book-content-inner .book-content__header .switch[data-v-b43fc858] {
	display: none;
	padding-left: 15px;
	margin-right: 10px;
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/more.3f349bb.svg);
	background-repeat: no-repeat;
	background-position: 0;
	background-size: 16px
}

.book-content .book-content-inner .book-content__header .switch img[data-v-b43fc858] {
	width: 30px;
	vertical-align: middle
}

.book-content .book-content-inner .book-content__header .menu[data-v-b43fc858] {
	width: auto;
	height: 20px;
	margin-right: 20px;
	cursor: pointer;
	display: flex;
	align-items: center
}

.book-content .book-content-inner .book-content__header .menu img[data-v-b43fc858] {
	vertical-align: top
}

.book-content .book-content-inner .book-content__header .hero[data-v-b43fc858] {
	position: absolute;
	right: 20px
}

.book-content .book-content-inner .book-content__header .title[data-v-b43fc858] {
	flex-grow: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 700
}

.book-content .book-content-inner .book-content__header .title a[data-v-b43fc858] {
	color: #222
}

.book-content .book-content-inner .book-content__header .title a[data-v-b43fc858]:hover {
	text-decoration: underline
}

.book-content .book-content-inner .book-content__header .user-auth[data-v-b43fc858] {
	position: relative;
	right: 0;
	margin-left: 10px;
	margin-right: 5px;
	flex-shrink: 0
}

.book-content .book-content-inner .book-body[data-v-b43fc858] {
	min-height: 100vh;
	box-sizing: border-box;
	padding-top: 90px;
	position: relative;
	background-color: #e6e7e9;
	padding-bottom: env(safe-area-inset-bottom)
}

.bottom-mobile-buy[data-v-b43fc858] {
	display: none;
	cursor: pointer;
	position: fixed;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	background-color: #007fff;
	color: #fff;
	user-select: none;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
	width: 178px;
	height: 40px;
	border-radius: 40px;
	margin-bottom: env(safe-area-inset-bottom)
}

.book-summary__footer[data-v-b43fc858] {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 60px;
	padding-top: 20px;
	padding-left: 20px;
	box-sizing: border-box;
	background-color: #f0f1f4;
	z-index: 1
}

.book-summary__footer .ion-close[data-v-b43fc858] {
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer;
	color: #bec3c7;
	line-height: 1
}

.book-summary__footer .qr-icon[data-v-b43fc858] {
	width: 20px;
	position: relative
}

.book-summary__footer .qr-icon img[data-v-b43fc858] {
	cursor: pointer;
	width: 100%
}

.book-summary__footer .qr-tips[data-v-b43fc858] {
	z-index: -1;
	opacity: 0;
	position: absolute;
	left: 16px;
	bottom: 50px;
	width: 180px;
	height: 235px;
	box-sizing: border-box;
	background-color: #fff;
	padding: 20px 30px 0;
	border-radius: 2px;
	transition: all .3s ease;
	visibility: hidden;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .15)
}

.book-summary__footer .qr-tips.show[data-v-b43fc858] {
	z-index: 1;
	visibility: visible;
	opacity: 1
}

.book-summary__footer .qr-tips .title[data-v-b43fc858] {
	margin-top: 10px;
	text-align: center
}

.book-summary__footer .qr-tips .title span[data-v-b43fc858] {
	display: block;
	font-size: 16px
}

.book-summary__footer .qr-tips .qr-img[data-v-b43fc858] {
	margin-top: 15px
}

.book-summary__footer .qr-tips .qr-img img[data-v-b43fc858] {
	width: 100%
}

.book-summary__footer .qr-tips[data-v-b43fc858]:after {
	content: "";
	position: absolute;
	transform: rotate(45deg);
	box-shadow: 1px 2px 2px rgba(0, 0, 0, .15);
	left: 9px;
	bottom: 0;
	width: 0;
	height: 0;
	bottom: -4px;
	border-color: transparent #fff #fff transparent;
	border-style: solid;
	border-width: 5px
}

@media (min-width:700px) {
	.book-section.fold-pc .book-summary[data-v-b43fc858] {
		left: -320px
	}

	.book-section.fold-pc .book-content[data-v-b43fc858] {
		margin-left: 0
	}

	.book-section.fold-pc .book-content .book-content__header[data-v-b43fc858] {
		left: 0;
		top: -60px
	}

	.book-section.fold-pc .book-content .book-content__header.visible[data-v-b43fc858] {
		top: 0
	}

	.book-section.fold-pc .book-content .book-direction[data-v-b43fc858] {
		margin-left: 0
	}

	.book-section.fold-pc .book-content .book-progress[data-v-b43fc858] {
		display: block
	}
}

@media (max-width:700px) {
	.book-summary[data-v-b43fc858] {
		transition: none;
		width: 0
	}

	.book-summary.unfold-mobile[data-v-b43fc858] {
		width: 100%;
		left: 0
	}

	.book-summary.unfold-mobile .book-summary-masker[data-v-b43fc858] {
		display: block
	}

	.book-summary.unfold-mobile .book-summary-inner[data-v-b43fc858] {
		left: 0
	}

	.book-summary .book-summary-inner[data-v-b43fc858] {
		left: -300px;
		box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .4);
		width: 260px
	}

	.book-summary .book-summary-inner .book-directory[data-v-b43fc858] {
		height: calc(100% - 120px)
	}

	.book-content[data-v-b43fc858] {
		margin-left: 0
	}

	.book-content .book-content-inner .book-content__header[data-v-b43fc858] {
		left: 0;
		padding-left: 0;
		padding-right: 0
	}

	.book-content .book-content-inner .book-content__header .menu[data-v-b43fc858] {
		display: none
	}

	.book-content .book-content-inner .book-content__header .switch[data-v-b43fc858] {
		display: block
	}

	.section-buy[data-v-b43fc858] {
		display: none
	}

	.bottom-mobile-buy[data-v-b43fc858] {
		display: flex
	}
}

.iconfont[data-v-2e9d67d9] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-2e9d67d9]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-2e9d67d9]:before {
	content: "\e601"
}

.comment-form[data-v-2e9d67d9] {
	display: flex;
	position: relative;
	padding: 1rem 1.333rem;
	background-color: #fafbfc;
	border-radius: 3px
}

.comment-form.focused .input-box[data-v-2e9d67d9] {
	border-color: #007fff
}

.comment-form.reply[data-v-2e9d67d9] {
	margin-top: 1.083rem;
	padding: 1rem
}

.comment-form.reply .avatar-box[data-v-2e9d67d9] {
	display: none
}

.comment-form.sub-reply[data-v-2e9d67d9] {
	background-color: #fff;
	border: 1px solid #f1f1f2
}

.avatar-box[data-v-2e9d67d9] {
	flex: 0 0 auto
}

@media (max-width:600px) {
	.avatar-box[data-v-2e9d67d9] {
		display: none
	}
}

.avatar[data-v-2e9d67d9] {
	margin: 0 1rem 0 0;
	width: 2.667rem;
	height: 2.667rem;
	border-radius: 50%
}

.form-box[data-v-2e9d67d9] {
	flex: 1 1 auto;
	position: relative
}

.form-box.disabled[data-v-2e9d67d9]:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1
}

.input-box[data-v-2e9d67d9] {
	font-size: 0;
	background-color: #fff;
	border: 1px solid #f1f1f1;
	border-radius: 3px
}

.rich-input[data-v-2e9d67d9] {
	position: relative;
	padding: .6rem 1rem;
	font-size: 1.083rem;
	line-height: 1.7;
	color: #17181a;
	outline: none;
	min-height: 1.3em
}

.rich-input[data-v-2e9d67d9]:before {
	content: attr(placeholder);
	position: absolute;
	opacity: .4;
	pointer-events: none;
	user-select: none
}

.rich-input[data-v-2e9d67d9]:not(.empty):before {
	display: none
}

.image-preview-box[data-v-2e9d67d9] {
	display: inline-block;
	position: relative;
	margin: 0 1rem 1rem
}

.image-preview-box .image-preview[data-v-2e9d67d9] {
	width: 6.667rem;
	height: 6.667rem;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.image-preview-box .clean-btn[data-v-2e9d67d9] {
	position: absolute;
	top: .333rem;
	right: .333rem;
	cursor: pointer
}

.image-preview-box .clean-btn[data-v-2e9d67d9]:hover {
	opacity: .8
}

.action-box[data-v-2e9d67d9] {
	display: flex;
	align-items: center;
	margin: .65rem 0 0
}

@media (max-width:600px) {
	.action-box .emoji-btn[data-v-2e9d67d9] {
		display: none
	}
}

[data-v-2e9d67d9] .action-box .emoji-btn span {
	font-size: 13px
}

.image-btn[data-v-2e9d67d9] {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	font-size: 1.083rem;
	color: #027fff;
	cursor: pointer;
	margin-left: 20px
}

.image-btn[data-v-2e9d67d9]:hover {
	opacity: .8
}

.image-btn .icon[data-v-2e9d67d9] {
	margin-right: .333rem;
	width: 18px;
	height: 18px
}

.submit[data-v-2e9d67d9] {
	flex: 0 0 auto;
	margin-left: auto
}

.submit span[data-v-2e9d67d9] {
	color: #c2c2c2;
	margin-right: 8px;
	font-size: 13px
}

.submit .submit-btn[data-v-2e9d67d9] {
	flex: 0 0 auto;
	margin-left: auto;
	padding: .5rem 1.3rem;
	font-size: 1.25rem;
	color: #fff;
	background-color: #027fff;
	border-radius: 2px;
	cursor: pointer
}

.submit .submit-btn[data-v-2e9d67d9]:hover {
	background-color: #0371df
}

.submit .submit-btn[data-v-2e9d67d9]:disabled {
	cursor: default;
	opacity: .4
}

[data-v-2e9d67d9] .rich-input .emoji {
	vertical-align: sub;
	width: 1.666rem;
	height: 1.666rem;
	cursor: default;
	margin: 0 1px
}

.pin[data-v-a22a1fce] {
	display: flex;
	justify-content: space-between
}

.content-box[data-v-a22a1fce] {
	display: flex;
	align-content: space-between;
	flex-direction: column
}

.content[data-v-a22a1fce] {
	color: #2e3135;
	font-size: 1.15rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
	max-height: 3.5rem;
	max-width: 22rem;
	max-height: 3em
}

.content.with-picture[data-v-a22a1fce] {
	max-width: 16rem
}

.stat[data-v-a22a1fce] {
	color: #76797e;
	font-size: 1.02rem;
	margin-top: auto
}

.stat .item[data-v-a22a1fce] {
	align-self: flex-end
}

.image-box[data-v-a22a1fce] {
	min-width: 5.67rem;
	height: 5.67rem;
	margin-left: 1rem;
	border-radius: 4px;
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat
}

.related-pin-block[data-v-38dbd108] {
	background-color: #fff
}

header[data-v-38dbd108] {
	color: #2e3135;
	font-weight: 600;
	font-size: 1.25rem;
	line-height: 1.07;
	padding: 13px 16px;
	border-bottom: 1px solid hsla(0, 0%, 59.2%, .1)
}

ul.pin-list[data-v-38dbd108] {
	padding: 0 16px
}

li.item[data-v-38dbd108] {
	padding: 12px 0
}

li.item[data-v-38dbd108]:not(:last-child) {
	border-bottom: 1px solid hsla(0, 0%, 59.2%, .1)
}

.sidebar[data-v-1a13be8b] {
	width: 300px;
	position: absolute;
	background-color: #fff;
	border-radius: 2px;
	right: 0;
	top: 0
}

.sidebar.sticky .sticky-section[data-v-1a13be8b] {
	opacity: 1;
	z-index: 5;
	pointer-events: all
}

@media (max-width:960px) {
	.sidebar[data-v-1a13be8b] {
		display: none
	}
}

.sidebar .sticky-section[data-v-1a13be8b] {
	position: fixed;
	width: 300px;
	top: 21px;
	opacity: 0;
	z-index: -1;
	transition: all .2s;
	pointer-events: none
}

.iconfont[data-v-1352c118] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-1352c118]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-1352c118]:before {
	content: "\e601"
}

.sub-comment[data-v-1352c118] {
	position: relative;
	padding: 1rem 0 0
}

.sub-comment:hover .visible[data-v-1352c118] {
	display: block
}

.sub-comment-content-row[data-v-1352c118] {
	display: flex;
	align-items: start
}

.sub-comment-content-box[data-v-1352c118] {
	display: flex;
	width: 100%
}

.popover[data-v-1352c118] {
	height: 33px
}

.avatar[data-v-1352c118] {
	width: 2.667rem;
	height: 2.667rem;
	border-radius: 50%
}

.user-content-box[data-v-1352c118] {
	margin-left: .833rem;
	margin-right: 1rem;
	padding-bottom: 12px;
	font-size: 1.083rem;
	color: #17181a;
	width: 100%
}

.user-content-box .profie[data-v-1352c118] {
	display: flex
}

.user-content-box .profie .username[data-v-1352c118] {
	color: #333;
	font-size: 1.083rem;
	font-weight: 400;
	margin-right: 4px
}

.user-content-box .profie .position[data-v-1352c118] {
	color: #8a9aa9;
	font-size: 13px;
	font-weight: 400;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 13.5rem
}

@media (max-width:600px) {
	.user-content-box .profie .position[data-v-1352c118] {
		max-width: 10rem
	}
}

@media (max-width:320px) {
	.user-content-box .profie .position[data-v-1352c118] {
		max-width: 5rem
	}
}

.user-content-box .author-badge-text[data-v-1352c118] {
	margin-left: 4px
}

.user-content-box .content-box[data-v-1352c118] {
	display: inline-block;
	margin-top: .5rem
}

.user-content-box .content-box .author-badge-text[data-v-1352c118] {
	color: #406599
}

.user-content-box .content-box .content[data-v-1352c118] {
	white-space: pre-wrap;
	color: #505050;
	line-height: 1.833rem
}

.user-content-box .content-box .username[data-v-1352c118] {
	font-size: 1.083rem;
	font-weight: 400
}

.user-content-box .limit-btn[data-v-1352c118] {
	color: #007fff;
	cursor: pointer;
	user-select: none
}

.user-content-box .limit-btn[data-v-1352c118]:hover {
	opacity: .8
}

.user-content-box .limit-btn.all[data-v-1352c118] {
	display: inline-block;
	margin: .4rem 0
}

.user-content-box .image[data-v-1352c118] {
	margin: 0 .5em;
	color: #406599;
	cursor: pointer;
	position: relative
}

.user-content-box .image a.image-preview[data-v-1352c118] {
	position: relative;
	z-index: 1;
	display: none;
	padding: 8px;
	position: absolute;
	margin-left: 17px;
	top: 2rem;
	left: 0;
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .16);
	border: .5px solid hsla(0, 0%, 59.2%, .2);
	transform: translate(-50%)
}

@media (max-width:600px) {
	.user-content-box .image a.image-preview[data-v-1352c118] {
		display: none
	}
}

.user-content-box .image a.image-preview .image[data-v-1352c118] {
	width: 200px;
	height: 100%;
	min-height: 170px;
	margin: 0
}

.user-content-box .image a.image-preview .triangle-top[data-v-1352c118] {
	position: absolute;
	top: -8px;
	left: 50%;
	margin: -7px 0 0 -7px
}

.user-content-box .image:hover a.image-preview[data-v-1352c118] {
	display: inline-block
}

.sub-comment-stat-box[data-v-1352c118] {
	display: flex;
	margin-top: 7px;
	font-size: 13px;
	color: #8a93a0
}

.sub-comment-stat-box .delete[data-v-1352c118] {
	cursor: pointer;
	display: none
}

.sub-comment-action-box[data-v-1352c118] {
	flex: 0 0 auto;
	display: flex;
	justify-content: space-between;
	margin-left: auto;
	min-width: 8.8rem;
	font-size: 1.083rem;
	color: #8a93a0;
	user-select: none
}

@media (max-width:600px) {
	.sub-comment-action-box[data-v-1352c118] {
		display: none
	}
}

.sub-comment-action-box .comment-action span[data-v-1352c118] {
	margin-left: 6px
}

.sub-comment-action-box .action[data-v-1352c118] {
	display: flex;
	align-items: center;
	margin-left: .5rem;
	cursor: pointer
}

.sub-comment-action-box .action[data-v-1352c118]:hover {
	opacity: .8
}

.sub-comment-action-box .action.active[data-v-1352c118] {
	color: #37c700
}

.sub-comment-action-box .action-title[data-v-1352c118] {
	margin-left: .25rem
}

.sub-comment[data-v-1352c118] .reply-form .triangle {
	display: none
}

.content .emoji[data-v-1352c118],
[data-v-1352c118] .rich-input .emoji {
	width: 1.666rem;
	height: 1.666rem;
	vertical-align: sub
}

[data-v-1352c118] .content .emoji {
	width: 1.5rem;
	height: 1.5rem;
	vertical-align: sub;
	margin-right: 2px
}

[data-v-1352c118] .content .emoji:first-child {
	margin-left: 4px
}

[data-v-1352c118] .content .emoji:last-child {
	margin-right: 4px
}

[data-v-1352c118] .user-popover-box {
	display: inline-block
}

[data-v-1352c118] .user-popover-box a.be-replied {
	color: #406599
}

@media (max-width:600px) {
	.sub-comment-stat-box .visible[data-v-1352c118] {
		display: block
	}
}

.sub-comment-list[data-v-640536a6] {
	margin: 1rem 0;
	padding: 0 0 0 1rem;
	background-color: #fafbfc;
	border-radius: 3px
}

.sub-comment-list .item[data-v-640536a6]:not(:last-child) .user-content-box {
	border-bottom: 1px solid #f1f1f1
}

.fetch-more[data-v-640536a6] {
	display: flex;
	justify-content: center;
	align-items: center
}

.fetch-more-comment[data-v-640536a6] {
	display: inline-block;
	margin: 1rem 0;
	font-size: 1.083rem;
	color: #406599;
	cursor: pointer
}

.fetch-more-comment[data-v-640536a6]:hover {
	opacity: .8
}

.iconfont[data-v-47fb2630] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-47fb2630]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-47fb2630]:before {
	content: "\e601"
}

.comment[data-v-47fb2630] {
	display: flex
}

.popover[data-v-47fb2630] {
	height: 33px
}

.user-link[data-v-47fb2630] {
	flex: 0 0 auto
}

.avatar[data-v-47fb2630] {
	width: 2.667rem;
	height: 2.667rem;
	border-radius: 50%
}

.content-box[data-v-47fb2630] {
	margin-left: .833rem;
	flex: 1 1 auto
}

.content-box:hover .visible[data-v-47fb2630] {
	display: block;
	cursor: pointer
}

.meta-box[data-v-47fb2630] {
	display: flex;
	align-items: center;
	font-size: 1.083rem;
	line-height: 1.2;
	white-space: nowrap
}

.meta-box .username[data-v-47fb2630] {
	flex: 1 1 auto;
	width: 0;
	color: #333;
	font-size: 1.083rem;
	font-weight: 400
}

.meta-box .author-badge-text[data-v-47fb2630] {
	margin-left: 4px
}

.meta-box .position[data-v-47fb2630] {
	color: #8a9aa9;
	font-size: 1.083rem;
	margin-left: 4px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 16rem
}

@media (max-width:600px) {
	.meta-box .position[data-v-47fb2630] {
		max-width: 12rem
	}
}

@media (max-width:320px) {
	.meta-box .position[data-v-47fb2630] {
		max-width: 5rem
	}
}

.reply-stat[data-v-47fb2630] {
	display: flex;
	margin: 1rem 0;
	font-weight: 400
}

.reply-stat .delete[data-v-47fb2630],
.reply-stat .time[data-v-47fb2630] {
	font-size: 1.083rem;
	color: #8a9aa9;
	cursor: default
}

.reply-stat .delete[data-v-47fb2630] {
	display: none
}

.reply-stat .mobile[data-v-47fb2630] {
	display: block;
	cursor: pointer
}

.reply-stat .action-box[data-v-47fb2630] {
	flex: 0 0 auto;
	display: flex;
	justify-content: space-between;
	margin-left: auto;
	min-width: 8.8rem;
	color: #8a93a0;
	user-select: none
}

.reply-stat .action-box .comment-action span[data-v-47fb2630] {
	margin-left: 6px
}

.reply-stat .action-box .action[data-v-47fb2630] {
	display: flex;
	align-items: center;
	margin-left: .5rem;
	cursor: pointer
}

.reply-stat .action-box .action[data-v-47fb2630]:hover {
	opacity: .8
}

.reply-stat .action-box .action.active[data-v-47fb2630] {
	color: #37c700
}

.reply-stat .action-box .action-title[data-v-47fb2630] {
	margin-left: .25rem
}

.content[data-v-47fb2630] {
	margin-top: .55rem;
	font-size: 1.083rem;
	line-height: 1.833rem;
	word-wrap: break-word;
	white-space: pre-wrap;
	word-break: break-word;
	color: #505050
}

.limit-btn[data-v-47fb2630] {
	font-size: 1.083rem;
	display: inline-block;
	margin-top: .4rem;
	color: #007fff;
	cursor: pointer;
	user-select: none
}

.limit-btn[data-v-47fb2630]:hover {
	opacity: .8
}

.image[data-v-47fb2630] {
	margin-top: .8rem;
	width: 6.667rem;
	height: 6.667rem;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: zoom-in
}

.content .emoji[data-v-47fb2630],
[data-v-47fb2630] .content .emoji,
[data-v-47fb2630] .rich-input .emoji {
	width: 1.666rem;
	height: 1.666rem;
	vertical-align: sub
}

[data-v-47fb2630] .content .emoji {
	margin-right: 2px
}

[data-v-47fb2630] .content .emoji:first-child {
	margin-left: 4px
}

[data-v-47fb2630] .content .emoji:last-child {
	margin-right: 4px
}

[data-v-47fb2630] .content .parse-emoji-url img {
	height: 1.333rem
}

.comment-list .item[data-v-4e8c14ed]:not(:last-child) {
	margin-bottom: 1.333rem
}

.comment-list .item[data-v-4e8c14ed]:not(:last-child) .comment-divider-line {
	border-bottom: 1px solid #f1f1f1
}

.iconfont[data-v-7438835c] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-7438835c]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-7438835c]:before {
	content: "\e601"
}

.comment-list-box[data-v-7438835c] {
	position: relative;
	background-color: #fff
}

.comment-list-box[data-v-7438835c]:after,
.comment-list-box[data-v-7438835c]:before {
	display: table;
	content: "";
	clear: both
}

.comment-list-box .triangle-top[data-v-7438835c] {
	position: absolute;
	top: -8px;
	left: 50%;
	margin: -7px 0 0 -7px
}

.comment-list-box .title[data-v-7438835c] {
	color: #8a9aa9;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	padding: 1.67rem 0 5px
}

.comment-form[data-v-7438835c] {
	margin: 1.333rem 0
}

@media (max-width:600px) {
	.comment-form[data-v-7438835c] {
		margin: 1.25rem 1rem
	}
}

.comment-list[data-v-7438835c] {
	margin: 0 1.666rem 0 4.85rem
}

@media (max-width:600px) {
	.comment-list[data-v-7438835c] {
		margin: 0 1rem
	}
}

.fetch-more-comment[data-v-7438835c] {
	display: block;
	padding: 1.1rem 0;
	font-size: 1.083rem;
	text-align: center;
	color: #406599;
	cursor: pointer;
	user-select: none
}

.fetch-more-comment[data-v-7438835c]:hover {
	opacity: .8
}

@media (max-width:600px) {
	.sticky[data-v-7438835c] {
		border-top: none;
		margin: 1rem 0
	}
}

.iconfont[data-v-3839523b] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-3839523b]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-3839523b]:before {
	content: "\e601"
}

.post-header[data-v-3839523b] {
	position: relative;
	padding: 16px 20px 0
}

.post-header--hasmenu .author-bar[data-v-3839523b] {
	margin-right: 40px
}

.header-menu[data-v-3839523b] {
	position: absolute;
	top: 28px;
	right: 20px
}

.post-item-content[data-v-3839523b] {
	margin-left: 56px;
	padding: 6px 20px 10px
}

.post-link[data-v-3839523b] {
	display: block
}

.post-item-title h3[data-v-3839523b],
.post-item-title span[data-v-3839523b] {
	vertical-align: middle
}

.post-item-title span[data-v-3839523b] {
	margin-right: 10px;
	padding: 3px 6px;
	display: inline-block;
	font-size: 13px;
	font-weight: 500;
	color: #007fff;
	background-color: #e5f2ff;
	border-radius: 2px
}

.post-item-title h3[data-v-3839523b] {
	margin: 0;
	display: inline;
	font-size: 17px;
	color: #17181a;
	line-height: 1.5
}

@media (max-width:600px) {
	.post-item-title h3[data-v-3839523b] {
		font-size: 17px
	}
}

.rich-content[data-v-3839523b] {
	margin-top: 3px;
	padding: 3px 0;
	display: flex
}

.rich-content .post-item-excerpt[data-v-3839523b] {
	margin-right: 16px;
	font-size: 15px;
	color: #5c6066;
	line-height: 1.53;
	flex: 1 1 auto
}

.rich-content .post-item-image[data-v-3839523b] {
	width: 65px;
	height: 65px;
	background-color: #eee;
	border-radius: 2px;
	flex: 0 0 auto
}

.post-item-comment[data-v-3839523b] {
	position: relative;
	border-top: 1px solid #ebebeb
}

.post-item-comment .triangle-top[data-v-3839523b] {
	position: absolute;
	top: -8px;
	left: 50%;
	margin: -7px 0 0 -7px
}

.post-item-comment .comment-list-box[data-v-3839523b] {
	padding-left: 1.333rem;
	background-color: transparent
}

.post-item-comment .fetch-more-comment[data-v-3839523b] {
	display: block;
	padding: 1.1rem 0;
	font-size: 1.083rem;
	text-align: center;
	color: #406599;
	cursor: pointer;
	user-select: none;
	border-top: 1px solid #ebebeb
}

.post-item-comment .fetch-more-comment[data-v-3839523b]:hover {
	opacity: .8
}

@media (max-width:980px) {
	.post-item-content[data-v-3839523b] {
		margin-left: 0
	}
}

.author-info[data-v-c4462e38] {
	padding: 16px 20px;
	display: flex;
	align-items: center
}

.author-info .user-link[data-v-c4462e38] {
	font-size: 0
}

.author-info .avatar[data-v-c4462e38] {
	flex: 0 0 auto;
	width: 3.75rem;
	height: 3.75rem;
	border-radius: 50%
}

.author-info-content[data-v-c4462e38] {
	margin-left: 1rem;
	font-size: 15px;
	color: #8a9aa9
}

.author-info-content span[data-v-c4462e38] {
	margin: 0 4px
}

.author-info-head[data-v-c4462e38] {
	display: flex;
	align-items: center
}

.tag[data-v-c4462e38],
.username[data-v-c4462e38] {
	font-weight: 600;
	font-size: 15px;
	color: #17181a
}

.tag[data-v-c4462e38] {
	margin-left: 4px;
	display: flex;
	align-items: center
}

.tag-icon[data-v-c4462e38] {
	height: 14px;
	margin-right: 6px
}

.meta-box[data-v-c4462e38] {
	display: flex;
	margin: .2rem 0 0;
	font-size: 13px;
	color: #8a9aa9;
	cursor: default
}

.meta-box .position[data-v-c4462e38] {
	max-width: 25rem
}

@media (max-width:400px) {
	.meta-box .position[data-v-c4462e38] {
		max-width: 20rem
	}
}

.activity-item[data-v-3ed224c9] {
	margin-bottom: 8px;
	background-color: #fff;
	border-radius: .2rem
}

.activity-item[data-v-3ed224c9]:first-of-type {
	border-radius: 0 0 .2rem .2rem
}

.skeleton-row[data-v-31bb7eed] {
	margin-bottom: .8rem;
	height: 1.2rem;
	background-color: #f3f3f3
}

.skeleton-avatar[data-v-31bb7eed] {
	border-radius: 50%;
	background-color: #f3f3f3
}

.activity-skeleton[data-v-31bb7eed] {
	padding: 20px;
	background-color: #fff;
	border-radius: 0 0 .2rem .2rem;
	overflow: hidden
}

.activity-skeleton .skeleton-row[data-v-31bb7eed] {
	margin-bottom: 16px;
	background: linear-gradient(90deg, #fff, #edeff1, #fff);
	background-size: 480px 480px;
	animation: skeleton-stripes-data-v-31bb7eed .6s linear infinite
}

.activity-skeleton .skeleton-row[data-v-31bb7eed]:last-of-type {
	margin-bottom: 0
}

.activity-skeleton .skeleton-row[data-v-31bb7eed]:first-of-type {
	width: 30%
}

.activity-skeleton .skeleton-row[data-v-31bb7eed]:nth-of-type(2) {
	width: 80%
}

.activity-skeleton .skeleton-row[data-v-31bb7eed]:nth-of-type(3) {
	width: 70%
}

.activity-skeleton .skeleton-row[data-v-31bb7eed]:nth-of-type(4) {
	width: 50%
}

@-moz-keyframes skeleton-stripes-data-v-31bb7eed {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 480px 0
	}
}

@-webkit-keyframes skeleton-stripes-data-v-31bb7eed {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 480px 0
	}
}

@-o-keyframes skeleton-stripes-data-v-31bb7eed {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 480px 0
	}
}

@keyframes skeleton-stripes-data-v-31bb7eed {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 480px 0
	}
}

.iconfont[data-v-1b78f310] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-1b78f310]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-1b78f310]:before {
	content: "\e601"
}

.content-box[data-v-1b78f310] {
	display: block;
	padding: 2rem 2.4rem;
	color: #b2bac2
}

.content-box[data-v-1b78f310]:hover {
	background-color: rgba(0, 0, 0, .01)
}

.content-box .meta-row .username[data-v-1b78f310] {
	color: #3b76c5;
	margin-right: 10px
}

.content-box .info-row[data-v-1b78f310] {
	margin: 8px 0 12px
}

.content-box .info-row .title[data-v-1b78f310] {
	font-size: 18px;
	color: #333;
	font-weight: 600
}

.content-box .info-row .desc[data-v-1b78f310] {
	font-size: 14px;
	margin-top: 10px;
	color: #666
}

.content-box .action-row[data-v-1b78f310] {
	display: flex;
	justify-content: space-between
}

.content-box .action-row .action-right[data-v-1b78f310] {
	display: flex;
	align-items: center
}

.content-box .action-row span[data-v-1b78f310] {
	margin-right: 10px
}

.iconfont[data-v-be2aca38] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-be2aca38]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-be2aca38]:before {
	content: "\e601"
}

.content-box[data-v-be2aca38] {
	display: block;
	padding: 2rem 2.4rem;
	color: #b2bac2
}

.content-box .meta-row .username[data-v-be2aca38] {
	color: #3b76c5;
	margin-right: 10px
}

.content-box .info-row[data-v-be2aca38] {
	margin: 8px 0 12px
}

.content-box .info-row .title[data-v-be2aca38] {
	font-size: 18px;
	color: #333;
	font-weight: 600
}

.content-box .info-row .desc[data-v-be2aca38] {
	font-size: 14px;
	margin-top: 10px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.content-box .action-row[data-v-be2aca38] {
	display: flex;
	justify-content: space-between;
	font-size: 14px
}

.content-box .action-row .action-right[data-v-be2aca38] {
	display: flex;
	align-items: center
}

.content-box .action-row .action-right .more[data-v-be2aca38] {
	position: relative;
	display: flex;
	align-items: center
}

.content-box .action-row span[data-v-be2aca38] {
	margin-right: 10px
}

.more.open .more-list[data-v-be2aca38] {
	display: block
}

.more-list[data-v-be2aca38] {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 8rem;
	white-space: nowrap;
	color: #8f969c;
	background-color: #fff;
	box-shadow: 0 1px 2px 0 #e0e4e9;
	border: 1px solid rgba(217, 222, 224, .99);
	display: none;
	z-index: 10
}

.more-list[data-v-be2aca38]:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	height: 1rem
}

.more-list .item[data-v-be2aca38] {
	padding: .5rem .9rem
}

.more-list .item[data-v-be2aca38]:hover {
	background-color: #f7f8fa
}

.book-list-box[data-v-dda2f314],
.collection-list-box[data-v-24febdc4] {
	background-color: #fff
}

.iconfont[data-v-390b9a7e] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-390b9a7e]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-390b9a7e]:before {
	content: "\e601"
}

.item[data-v-390b9a7e]:not(:last-child) {
	border-bottom: 1px solid rgba(230, 230, 231, .5)
}

.tag-masker[data-v-390b9a7e] {
	display: flex;
	align-items: center;
	height: 7rem;
	padding: 1rem 2.4rem;
	box-sizing: border-box
}

.tag-masker[data-v-390b9a7e]:before {
	content: "";
	background-color: hsla(0, 0%, 94.5%, .3);
	width: 100%;
	height: 40%
}

.tag[data-v-390b9a7e] {
	position: relative;
	box-sizing: border-box
}

.tag[data-v-390b9a7e]:hover {
	background-color: hsla(0, 0%, 87.1%, .1)
}

.link[data-v-390b9a7e] {
	display: flex;
	align-items: center;
	padding: .5rem 2.4rem;
	min-height: 7rem
}

.thumb[data-v-390b9a7e] {
	flex: 0 0 auto;
	margin-right: 1.667rem;
	width: 3.75rem;
	height: 3.75rem;
	border-radius: 2px
}

.title[data-v-390b9a7e] {
	flex: 1 1 auto;
	min-width: 0;
	font-size: 1.333rem;
	font-weight: 600;
	color: #2e3135
}

.subscribe-btn[data-v-390b9a7e] {
	flex: 0 0 auto;
	margin: 0 0 0 1rem;
	padding: 0;
	width: 7.5rem;
	height: 2.5rem;
	font-size: 1rem;
	color: #92c452;
	background-color: #fff;
	border: 1px solid #92c452;
	border-radius: 2px
}

.subscribe-btn[data-v-390b9a7e]:hover {
	opacity: .8
}

.subscribe-btn.active[data-v-390b9a7e] {
	color: #fff;
	background-color: #92c452
}

.iconfont[data-v-415241f9] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-415241f9]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-415241f9]:before {
	content: "\e601"
}

.item[data-v-415241f9]:not(:last-child) {
	border-bottom: 1px solid rgba(230, 230, 231, .5)
}

.user-masker[data-v-415241f9] {
	display: flex;
	align-items: center;
	height: 7rem;
	padding: 1rem 2.4rem;
	box-sizing: border-box
}

.user-masker[data-v-415241f9]:before {
	content: "";
	background-color: hsla(0, 0%, 94.5%, .3);
	width: 100%;
	height: 40%
}

.user[data-v-415241f9] {
	position: relative;
	box-sizing: border-box
}

.user[data-v-415241f9]:hover {
	background-color: hsla(0, 0%, 87.1%, .1)
}

.link[data-v-415241f9] {
	display: flex;
	align-items: center;
	padding: .5rem 2.4rem;
	min-height: 7rem
}

.avatar[data-v-415241f9] {
	flex: 0 0 auto;
	margin-right: 1.667rem;
	width: 3.75rem;
	height: 3.75rem;
	border-radius: 50%
}

.info-box[data-v-415241f9] {
	flex: 1 1 auto;
	min-width: 0
}

.info-box .username[data-v-415241f9] {
	font-size: 1.333rem;
	font-weight: 600;
	color: #2e3135
}

.info-box .detail[data-v-415241f9] {
	margin-top: .6rem;
	font-size: 1rem;
	font-weight: 500;
	color: #b9c0c8;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.follow-btn[data-v-415241f9] {
	flex: 0 0 auto;
	margin: 0 0 0 1rem;
	padding: 0;
	width: 7.5rem;
	height: 2.5rem;
	font-size: 1rem;
	color: #92c452;
	background-color: #fff;
	border: 1px solid #92c452;
	border-radius: 2px
}

.follow-btn[data-v-415241f9]:hover {
	opacity: .8
}

.follow-btn.active[data-v-415241f9] {
	color: #fff;
	background-color: #92c452
}

.concern-list-box[data-v-003c5439] {
	background-color: #fff
}

.iconfont[data-v-7f2fd44f] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-7f2fd44f]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-7f2fd44f]:before {
	content: "\e601"
}

.share-popup[data-v-7f2fd44f] {
	position: absolute;
	top: 100%;
	left: -1px;
	margin-top: 1rem;
	width: 11rem;
	font-size: 1.167rem;
	color: #8f969c;
	background-color: #fff;
	box-shadow: 0 1px 2px 0 #e0e4e9;
	border: 1px solid rgba(217, 222, 224, .99);
	z-index: 10
}

.share-popup[data-v-7f2fd44f]:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	height: 1rem
}

.share-popup .share-item[data-v-7f2fd44f] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: .6rem .8rem
}

.share-popup .share-item .icon[data-v-7f2fd44f] {
	margin-right: .6rem
}

.share-popup .share-item[data-v-7f2fd44f]:hover {
	background-color: #f7f8fa
}

.share-popup .share-item.weibo[data-v-7f2fd44f] {
	border-bottom: 1px solid rgba(178, 186, 194, .15)
}

.share-popup .share-item.wechat .qr-code-box[data-v-7f2fd44f] {
	margin: .8rem .4rem .7rem;
	width: 100%;
	box-sizing: border-box
}

.share-popup .share-item.wechat .qr-code-box .qr-code[data-v-7f2fd44f] {
	width: 100%
}

.iconfont[data-v-ad7238c2] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-ad7238c2]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-ad7238c2]:before {
	content: "\e601"
}

.vote[data-v-ad7238c2] {
	position: relative;
	padding: 0 0 2rem
}

.like-btn[data-v-ad7238c2] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	padding: .6rem 0;
	width: 3rem;
	font-size: 1.2rem;
	line-height: 1;
	color: #6799cd;
	background-color: rgba(233, 242, 250, .5);
	border-radius: 2px;
	border: none;
	outline: none;
	cursor: pointer
}

.like-btn.liked[data-v-ad7238c2] {
	color: #fff;
	background-color: #6799cd
}

.like-btn[data-v-ad7238c2]:hover {
	background-color: #e9f2fa
}

.like-btn .like-count[data-v-ad7238c2] {
	margin: 0
}

.content-box[data-v-ad7238c2] {
	margin-left: 4rem
}

.header[data-v-ad7238c2] {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.header .user-info[data-v-ad7238c2] {
	display: flex;
	align-items: baseline;
	white-space: nowrap;
	overflow: hidden
}

.header .user-info .username[data-v-ad7238c2] {
	font-size: 13px;
	font-weight: 600;
	color: #333;
	margin-right: .6rem
}

.header .user-info .position[data-v-ad7238c2] {
	font-size: 1rem;
	color: #909090;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-left: 8px
}

.header .date[data-v-ad7238c2] {
	margin-left: 2rem;
	color: #909090;
	white-space: nowrap
}

.content[data-v-ad7238c2] {
	margin: .3rem 0 .5rem;
	font-size: 13px;
	line-height: 1.7;
	color: #333
}

.content .content-html[data-v-ad7238c2] {
	margin-right: .5em;
	white-space: pre-wrap
}

.content .show-all[data-v-ad7238c2] {
	color: #6799cd;
	white-space: nowrap;
	cursor: pointer
}

.content .image[data-v-ad7238c2] {
	display: block;
	margin: .5em 0;
	max-width: 100%;
	cursor: zoom-in
}

.ctrl-box[data-v-ad7238c2] {
	user-select: none
}

.ctrl-box .ctrl-btn[data-v-ad7238c2] {
	position: relative;
	margin-right: 15px;
	font-size: 20px;
	color: #909090;
	user-select: none
}

.ctrl-box .ctrl-btn .icon[data-v-ad7238c2] {
	width: 16px;
	margin-right: 5px;
	vertical-align: middle
}

.ctrl-box .ctrl-btn .title[data-v-ad7238c2] {
	font-size: 13px
}

.ctrl-box .ctrl-btn .sub-comment--arrow[data-v-ad7238c2] {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%
}

.ctrl-box .ctrl-btn .sub-comment--arrow[data-v-ad7238c2]:before {
	content: "";
	position: absolute;
	left: 30px;
	border-color: transparent transparent #eaeaea;
	border-style: solid;
	border-width: 0 9px 10px;
	top: 100%
}

.ctrl-box .ctrl-btn .sub-comment--arrow[data-v-ad7238c2]:after {
	content: "";
	position: absolute;
	top: calc(100% + 2px);
	left: 31px;
	border-color: transparent transparent #fff;
	border-style: solid;
	border-width: 0 8px 8px
}

.item[data-v-4f4f8436] {
	position: relative
}

.item:not(:last-of-type):not(.highlight) .vote[data-v-4f4f8436] {
	margin-bottom: 2rem
}

.item:not(:last-of-type):not(.highlight) .vote[data-v-4f4f8436]:before {
	content: "";
	position: absolute;
	left: 4rem;
	bottom: 0;
	right: 0;
	border-bottom: 1px solid #f5f5f5
}

.more[data-v-4f4f8436] {
	margin: 1rem 0 2rem
}

.more-link[data-v-4f4f8436] {
	display: block;
	padding: 1em;
	font-size: 1.2rem;
	text-align: center;
	color: #6799cd;
	background-color: #f4f8fd;
	border: 1px solid;
	border-radius: 2px
}

.more-link[data-v-4f4f8436]:hover {
	color: #007fff
}

@media (min-width:601px) {
	.other-box[data-v-4f4f8436] {
		margin-left: 4rem;
		position: relative;
		height: 20px;
		margin-bottom: 25px;
		display: flex;
		justify-content: center;
		align-items: center
	}

	.other-box[data-v-4f4f8436]:before {
		content: "";
		position: absolute;
		top: 10px;
		left: 0;
		width: 100%;
		border-bottom: 1px solid #f5f5f5
	}

	.other[data-v-4f4f8436] {
		position: relative;
		z-index: 2;
		margin: 0 auto;
		background-color: #fff;
		color: #909090;
		padding-left: 12px;
		padding-right: 12px;
		font-size: 13px
	}
}

@media (max-width:600px) {
	.other-box[data-v-4f4f8436] {
		height: 40px;
		margin-bottom: 30px
	}

	.other[data-v-4f4f8436] {
		padding-top: 6px;
		padding-bottom: 6px;
		height: 25px;
		line-height: 25px;
		font-size: 14px;
		background: #f8f9fa;
		color: #b4b9c4;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
		padding-left: 15px;
		position: absolute;
		left: 0;
		right: 0
	}
}

.activity-empty[data-v-7ed6ff70] {
	padding: 20px;
	background-color: #fff;
	border-radius: 0 0 .2rem .2rem;
	height: 200px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	font-weight: 400;
	color: #b2bac2
}

.activity-empty .empty-text[data-v-7ed6ff70] {
	margin-top: 10px
}

.activity-empty .login-button[data-v-7ed6ff70] {
	margin-top: 14px;
	font-size: 1.166rem;
	color: #027fff;
	width: 6.666rem;
	height: 2.833rem;
	background: transparent;
	border-radius: 2px;
	border: 1px solid #027fff
}

.pin-list[data-v-ad28467a] {
	background: #f4f5f5
}

.pin-list .item[data-v-ad28467a] {
	margin-bottom: 8px
}

.iconfont[data-v-04fff262] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-04fff262]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-04fff262]:before {
	content: "\e601"
}

.user-list[data-v-04fff262] {
	padding: 8px 0
}

.user-list.two-cols .user-item[data-v-04fff262] {
	display: inline-block;
	width: 47%
}

.user-list.two-cols .user-item[data-v-04fff262]:nth-of-type(odd) {
	margin-right: 6%
}

.user[data-v-04fff262] {
	position: relative;
	box-sizing: border-box;
	min-height: 81px
}

.link[data-v-04fff262] {
	padding: 10px 0;
	display: flex;
	align-items: center
}

.avatar[data-v-04fff262] {
	flex: 0 0 auto;
	margin-right: 10px;
	width: 3.75rem;
	height: 3.75rem;
	border-radius: 50%
}

.info-box[data-v-04fff262] {
	flex: 1 1 auto;
	min-width: 0
}

.info-box .username[data-v-04fff262] {
	font-size: 15px;
	color: #17181a
}

.info-box .detail[data-v-04fff262] {
	margin-top: 2px;
	font-size: 13px;
	color: #8a9aa9;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.follow-btn[data-v-04fff262] {
	position: relative;
	z-index: 1;
	flex: 0 0 auto;
	margin: 0 0 0 1rem;
	padding: 0;
	width: 55px;
	height: 26px;
	font-size: 13px;
	color: #6cbd45;
	background-color: #fff;
	border: 1px solid #6cbd45;
	border-radius: 2px
}

.follow-btn[data-v-04fff262]:hover {
	opacity: .8
}

.follow-btn.active[data-v-04fff262] {
	color: #fff;
	background-color: #6cbd45
}

@media (max-width:600px) {
	.user-list.two-cols .user-item[data-v-04fff262] {
		display: block;
		width: 100%
	}

	.user-list.two-cols .user-item[data-v-04fff262]:nth-of-type(odd) {
		margin-right: 0
	}
}

.iconfont[data-v-ef5c2f60] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-ef5c2f60]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-ef5c2f60]:before {
	content: "\e601"
}

.user-list[data-v-ef5c2f60] {
	padding: 8px 0
}

.user-list.two-cols .user-item[data-v-ef5c2f60] {
	display: inline-block;
	width: 47%
}

.user-list.two-cols .user-item[data-v-ef5c2f60]:nth-of-type(odd) {
	margin-right: 6%
}

.user[data-v-ef5c2f60] {
	position: relative;
	box-sizing: border-box;
	padding: 10px 0;
	min-height: 81px;
	display: flex;
	align-items: center
}

.avatar[data-v-ef5c2f60] {
	flex: 0 0 auto;
	margin-right: 10px;
	width: 3.75rem;
	height: 3.75rem;
	border-radius: 50%;
	background-color: #f3f3f3
}

.info-box[data-v-ef5c2f60] {
	flex: 1 1 auto;
	min-width: 0
}

.info-box .detail[data-v-ef5c2f60],
.info-box .username[data-v-ef5c2f60] {
	background-color: #f3f3f3;
	border-radius: 2px
}

.info-box .username[data-v-ef5c2f60] {
	width: 80px;
	height: 16px
}

.info-box .detail[data-v-ef5c2f60] {
	margin-top: 6px;
	width: 130px;
	height: 16px
}

@media (max-width:600px) {
	.user-list.two-cols .user-item[data-v-ef5c2f60] {
		display: block;
		width: 100%
	}

	.user-list.two-cols .user-item[data-v-ef5c2f60]:nth-of-type(odd) {
		margin-right: 0
	}
}

.iconfont[data-v-322a4810] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-322a4810]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-322a4810]:before {
	content: "\e601"
}

.user-recommend[data-v-322a4810] {
	border-radius: .2rem;
	background-color: #fff;
	margin-bottom: 8px
}

.user-recommend-header[data-v-322a4810] {
	padding: 1rem 1.33rem;
	border-bottom: 1px solid hsla(0, 0%, 59.2%, .1)
}

.user-recommend-header span[data-v-322a4810]:first-child {
	color: #2e3135;
	font-size: 1.25rem;
	font-weight: 600
}

.user-recommend-body[data-v-322a4810] {
	padding: 0 1.33rem;
	min-height: 211px
}

.user-recommend-footer[data-v-322a4810] {
	padding: .5rem 0;
	text-align: center;
	border-top: 1px solid hsla(0, 0%, 59.2%, .1)
}

.user-recommend-footer .refresh[data-v-322a4810] {
	padding: .5rem 1rem;
	display: inline-block;
	text-align: center;
	line-height: 1;
	font-size: 1.25rem;
	color: #007fff;
	user-select: none;
	cursor: pointer
}

.user-recommend-footer .refresh-disabled[data-v-322a4810] {
	opacity: .5;
	pointer-events: none
}

.user-recommend-footer .refresh span[data-v-322a4810] {
	vertical-align: middle
}

.user-recommend-footer .refresh .icon-refresh[data-v-322a4810] {
	display: inline-block;
	vertical-align: middle;
	width: 1.5rem;
	height: 1.3rem;
	background: url(https://b-gold-cdn.xitu.io/v3/static/img/refresh.d4d7d80.svg) center 100% no-repeat;
	transition: .3s ease
}

.iconfont[data-v-e8af6974] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-e8af6974]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-e8af6974]:before {
	content: "\e601"
}

.stream-wrapper[data-v-e8af6974] {
	padding-bottom: 60px
}

.pin-editor[data-v-e8af6974] {
	margin-bottom: 8px
}

.page-header[data-v-e8af6974] {
	transition: top .2s
}

.page-header.sticky[data-v-e8af6974] {
	position: fixed;
	top: 61px;
	left: 0;
	width: 100%;
	z-index: 2
}

.page-header.sticky .feed-tip-wrapper[data-v-e8af6974],
.page-header.sticky .tab-nav[data-v-e8af6974] {
	margin: 0 auto;
	width: 960px
}

.page-header.sticky .feed-tip[data-v-e8af6974] {
	width: 570px;
	margin-left: 127px
}

.feed-tip[data-v-e8af6974] {
	position: relative;
	width: 100%;
	height: 36px;
	background-color: #e3effa;
	font-size: 14px;
	color: #007fff;
	text-align: center;
	line-height: 36px;
	cursor: pointer
}

.tip-fade-enter-active[data-v-e8af6974],
.tip-fade-leave-active[data-v-e8af6974] {
	transition: .4s
}

.tip-fade-enter[data-v-e8af6974],
.tip-fade-leave-to[data-v-e8af6974] {
	margin-top: -36px;
	opacity: 0
}

.recommend-users[data-v-e8af6974] {
	margin-top: 8px
}

@media (max-width:980px) {
	.pin-editor[data-v-e8af6974] {
		display: none
	}

	.page-header.sticky .feed-tip-wrapper[data-v-e8af6974],
	.page-header.sticky .tab-nav[data-v-e8af6974] {
		width: 100%
	}

	.page-header.sticky .feed-tip[data-v-e8af6974] {
		width: 100%;
		margin-left: 0
	}
}

.iconfont[data-v-3fae8582] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-3fae8582]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-3fae8582]:before {
	content: "\e601"
}

.slider[data-v-3fae8582] {
	position: relative;
	height: 12rem;
	background-color: #fff;
	overflow: hidden
}

.slider:hover .ctrl[data-v-3fae8582] {
	opacity: 1
}

.list[data-v-3fae8582] {
	position: relative;
	height: 100%;
	transition: transform .3s;
	overflow: hidden
}

.list .item[data-v-3fae8582] {
	height: 100%;
	float: left
}

.list .item.with-thumb .text-box[data-v-3fae8582] {
	padding-left: 1.667rem
}

.list .item .link[data-v-3fae8582] {
	display: flex;
	height: 100%;
	border-radius: 2px;
	background-color: transparent
}

.list .item .thumb[data-v-3fae8582] {
	flex: 0 0 auto;
	width: 100%;
	height: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 2px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05);
	image-rendering: pixelated
}

.ctrl[data-v-3fae8582] {
	opacity: 0;
	transition: all .2s;
	z-index: 1
}

.ctrl .btn[data-v-3fae8582] {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	width: 4rem;
	height: 100%;
	font-size: 1.8rem;
	color: #000;
	opacity: .15
}

.ctrl .btn[data-v-3fae8582]:not(.disabled) {
	cursor: pointer
}

.ctrl .btn[data-v-3fae8582]:hover:not(.disabled) {
	opacity: .3
}

.ctrl .btn.prev-btn[data-v-3fae8582] {
	left: 0
}

.ctrl .btn.next-btn[data-v-3fae8582] {
	right: 0
}

ul.pagination[data-v-3fae8582] {
	width: 100%;
	position: absolute;
	bottom: 6px;
	display: flex;
	justify-content: center;
	align-items: center
}

ul.pagination li[data-v-3fae8582] {
	cursor: pointer;
	margin: 0 5px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
	opacity: .4
}

ul.pagination li.active[data-v-3fae8582] {
	opacity: 1
}

.topic-sidebar[data-v-58f3dfee] {
	border-radius: .2rem;
	background-color: #fff;
	margin-bottom: 8px
}

.topic-sidebar .title[data-v-58f3dfee] {
	padding: 1rem 1.33rem;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid hsla(0, 0%, 59.2%, .1)
}

.topic-sidebar .title span[data-v-58f3dfee]:first-child {
	color: #2e3135;
	font-size: 1.25rem;
	font-weight: 600
}

.topic-sidebar .title a[data-v-58f3dfee] {
	color: #007fff;
	font-size: 13px
}

.topic-sidebar .title a i[data-v-58f3dfee] {
	margin-left: .3rem
}

.topic-sidebar .content[data-v-58f3dfee] {
	padding: 0 1.33rem 6px
}

.iconfont[data-v-ac0233a4] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-ac0233a4]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-ac0233a4]:before {
	content: "\e601"
}

.profile-box[data-v-ac0233a4] {
	display: flex;
	flex-direction: column;
	background-color: #fff;
	border-radius: .2rem;
	margin-bottom: 8px;
	font-size: 13px
}

.profile-box .profile[data-v-ac0233a4] {
	display: flex;
	padding: 16px;
	height: 5rem;
	max-height: 92px;
	border-bottom: 1px solid rgba(92, 96, 102, .1)
}

.profile-box .profile .avatar[data-v-ac0233a4] {
	flex: 0 0 auto;
	margin-right: 1rem;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 1px solid #fff;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15)
}

.profile-box .profile .user-info[data-v-ac0233a4] {
	position: relative;
	margin: 1rem 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.profile-box .profile .user-info .username[data-v-ac0233a4] {
	color: #17181a;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2
}

.profile-box .profile .user-info .position[data-v-ac0233a4] {
	color: #8f969c
}

.profile-box .stat-list[data-v-ac0233a4] {
	flex: 1 1 auto;
	display: flex;
	margin: 0;
	list-style: none;
	text-align: center;
	padding: 16.5px 0
}

.profile-box .stat-list .item[data-v-ac0233a4] {
	flex: 1 1 33.333%;
	max-height: 2.833rem;
	line-height: 1
}

.profile-box .stat-list .item[data-v-ac0233a4]:not(:last-child) {
	border-right: 1px solid rgba(92, 96, 102, .1)
}

.profile-box .stat-list .item .title[data-v-ac0233a4] {
	font-size: 13px;
	color: #8a9aa9;
	margin-bottom: .5rem
}

.profile-box .stat-list .item .count[data-v-ac0233a4] {
	font-size: 15px;
	font-weight: 600;
	color: #2e3135
}

.pin__side.sticky .sticky-section[data-v-3d0a2a64] {
	opacity: 1;
	z-index: 5;
	pointer-events: all
}

.pin__side.sticky .sticky-section.appHeaderVisible[data-v-3d0a2a64] {
	top: 6.67rem
}

.pin-block[data-v-3d0a2a64] {
	margin-bottom: .67rem
}

.guide-link[data-v-3d0a2a64] {
	display: flex;
	align-items: center;
	padding: 1.33rem;
	background-color: #fff;
	color: #2e3135;
	font-size: 1.17rem;
	margin-bottom: .67rem;
	border-radius: 2px
}

.guide-link .icon[data-v-3d0a2a64] {
	margin-right: .83rem
}

[data-v-3d0a2a64] .content.with-picture {
	max-width: 11rem
}

.sticky-section[data-v-3d0a2a64] {
	position: fixed;
	width: 248px;
	top: 8px;
	opacity: 0;
	z-index: -1;
	transition: all .2s;
	pointer-events: none
}

.nav-list[data-v-387ab861] {
	position: relative
}

.nav-list .nav-item.right[data-v-387ab861] {
	position: absolute;
	top: 0;
	right: 0
}

@media (max-width:960px) {
	.nav-list .nav-item[data-v-387ab861]:first-child {
		padding-left: 2rem
	}
}

.tag-list[data-v-387ab861] {
	display: flex;
	flex-wrap: wrap;
	padding-top: 16px;
	height: auto
}

.tag-list.hide[data-v-387ab861] {
	display: none
}

.fade-enter-active[data-v-387ab861],
.fade-leave-active[data-v-387ab861] {
	transition: opacity .5s
}

.fade-enter[data-v-387ab861],
.fade-leave-to[data-v-387ab861] {
	opacity: 0
}

@media (max-width:960px) {
	.nav-item.right[data-v-387ab861] {
		display: none
	}
}

.dock-nav[data-v-f176f7e4] {
	max-width: 9.33rem;
	border-radius: .2rem;
	background-color: #fff;
	position: fixed;
	top: 6.67rem;
	width: 9.33rem;
	transition: all .2s linear
}

.dock-nav.top[data-v-f176f7e4] {
	top: .67rem
}

.nav-list[data-v-f176f7e4] {
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 1.33rem 1rem
}

.nav-list .nav-item[data-v-f176f7e4] {
	height: 2.58rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.16rem;
	color: #2e3135;
	padding: 0 1rem;
	border-radius: .25rem;
	transition: background-color .2s, color .2s
}

.nav-list .nav-item[data-v-f176f7e4]:not(:first-child) {
	margin-top: .83rem
}

.nav-list .nav-item[data-v-f176f7e4]:not(.active):hover {
	background-color: hsla(0, 0%, 94.9%, .6)
}

.nav-list .nav-item:not(.active):hover>a[data-v-f176f7e4] {
	color: #007fff
}

.nav-list .nav-item.active[data-v-f176f7e4] {
	background-color: #007fff;
	color: #fff
}

.nav-list .nav-item.active>a[data-v-f176f7e4] {
	color: #fff
}

.nav-list .nav-item[data-v-f176f7e4]:nth-child(3):before {
	position: absolute;
	bottom: -.5rem;
	content: "";
	width: 7.33rem;
	height: 1px;
	background: rgba(92, 96, 102, .1)
}

.wechat-banner[data-v-6c8433cd] {
	position: relative;
	font-size: 0;
	cursor: pointer
}

.wechat-img[data-v-6c8433cd] {
	width: 100%;
	image-rendering: -webkit-optimize-contrast
}

.iconfont[data-v-29968de9] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-29968de9]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-29968de9]:before {
	content: "\e601"
}

a[data-v-29968de9] {
	color: inherit
}

.entry[data-v-29968de9]:hover {
	background-color: rgba(0, 0, 0, .01)
}

.entry:hover .action-list>.item.hover[data-v-29968de9] {
	visibility: visible
}

.content-box[data-v-29968de9] {
	display: flex;
	align-items: center;
	padding: 1.5rem 2rem
}

.info-box[data-v-29968de9] {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0
}

.meta-row[data-v-29968de9] {
	font-size: 1rem;
	color: #b2bac2
}

.meta-list[data-v-29968de9] {
	display: flex;
	align-items: baseline;
	white-space: nowrap
}

.meta-list .item[data-v-29968de9]:not(:last-child):after {
	content: "·";
	margin: 0 .4em;
	color: #b2bac2
}

.meta-list .item.recommended[data-v-29968de9] {
	font-weight: 500;
	color: #f70
}

.meta-list .item.hot[data-v-29968de9] {
	font-weight: 500;
	color: red
}

.meta-list .item.events[data-v-29968de9] {
	font-weight: 500;
	color: #033ee8
}

.meta-list .item.post[data-v-29968de9] {
	font-weight: 500;
	color: #b71ed7
}

.meta-list .item.unparsed[data-v-29968de9] {
	font-weight: 500;
	color: #007fff
}

.meta-list .item.username[data-v-29968de9] {
	display: flex;
	align-items: baseline
}

.meta-list .item.tag[data-v-29968de9] {
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.meta-list .item.clickable[data-v-29968de9]:hover {
	color: #007fff
}

.meta-list .item .tag[data-v-29968de9]:not(:last-child):after {
	content: "/";
	margin: 0 .2em;
	color: #b2bac2
}

.meta-list .item .tag[data-v-29968de9]:hover {
	color: #007fff
}

.action-list[data-v-29968de9] {
	display: inline-flex;
	white-space: nowrap
}

.action-list:not(.active)>.item.hover[data-v-29968de9] {
	visibility: hidden
}

.action-list>.item[data-v-29968de9] {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 0 .8rem;
	height: 2rem;
	font-size: 1.083rem;
	line-height: 1;
	white-space: nowrap;
	color: #b2bac2;
	border-radius: 1px;
	border: 1px solid #edeeef;
	background-color: #fff
}

.action-list>.item[data-v-29968de9]:hover {
	background-color: #f7f8fa
}

@media (max-width:600px) {
	.action-list>.item[data-v-29968de9] {
		height: 1.5rem;
		font-size: 1rem
	}
}

.action-list>.item.more[data-v-29968de9] {
	margin-left: -1px
}

.action-list>.item.more.active .more-list[data-v-29968de9] {
	display: block
}

.action-list>.item.more .more-list[data-v-29968de9] {
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: 1rem;
	min-width: 8rem;
	font-size: .9em;
	white-space: nowrap;
	color: #8f969c;
	background-color: #fff;
	box-shadow: 0 1px 2px 0 #e0e4e9;
	border: 1px solid rgba(217, 222, 224, .99);
	display: none;
	z-index: 10
}

.action-list>.item.more .more-list[data-v-29968de9]:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	height: 1rem
}

.action-list>.item.more .more-list .item[data-v-29968de9] {
	padding: .8rem .9rem
}

.action-list>.item.more .more-list .item[data-v-29968de9]:hover {
	background-color: #f7f8fa
}

.title-row[data-v-29968de9] {
	margin: .5rem 0 1rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.title[data-v-29968de9] {
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.2;
	color: #2e3135
}

.title[data-v-29968de9]:hover {
	text-decoration: underline
}

.title[data-v-29968de9]:visited {
	color: #909090
}

@media (max-width:600px) {
	.title[data-v-29968de9] {
		font-size: 1.2rem
	}
}

.thumb[data-v-29968de9] {
	flex: 0 0 auto;
	width: 5rem;
	height: 5rem;
	margin-left: 2rem;
	background-color: #fff;
	border-radius: 2px
}

@media (max-width:600px) {
	.thumb[data-v-29968de9] {
		display: none
	}
}

.iconfont[data-v-cd7ac86c] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-cd7ac86c]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-cd7ac86c]:before {
	content: "\e601"
}

.masker[data-v-cd7ac86c] {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .65);
	z-index: 500
}

.dialog[data-v-cd7ac86c] {
	padding: 20px 24px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -60%);
	width: 380px;
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .15);
	z-index: 501
}

.dialog-header[data-v-cd7ac86c] {
	padding-bottom: 8px;
	display: flex;
	justify-content: space-between
}

.dialog-header .title[data-v-cd7ac86c] {
	font-size: 16px;
	color: #17181a;
	font-weight: 600
}

.dialog-header .header-button[data-v-cd7ac86c] {
	margin-top: 5px;
	width: 13px;
	height: 13px;
	cursor: pointer
}

.dialog-header .header-button img[data-v-cd7ac86c] {
	width: 100%
}

.dialog-body[data-v-cd7ac86c] {
	padding-bottom: 8px;
	font-size: 15px;
	color: #333
}

.dialog-footer[data-v-cd7ac86c] {
	padding-top: 8px;
	text-align: right
}

.footer-button[data-v-cd7ac86c] {
	display: inline-block;
	padding: 6px 18px;
	outline: 0;
	text-align: center;
	white-space: nowrap;
	font-size: 14px;
	color: #909090;
	border: 1px solid #c0c6cc;
	border-radius: 2px;
	background-color: #fff;
	user-select: none;
	cursor: pointer;
	transition: .2s
}

.footer-button.loading[data-v-cd7ac86c] {
	opacity: .4;
	cursor: default
}

.footer-button[data-v-cd7ac86c]:hover {
	background-color: #f1f1f1
}

.footer-button.primary[data-v-cd7ac86c] {
	color: #fff
}

.footer-button.primary.loading[data-v-cd7ac86c]:hover,
.footer-button.primary[data-v-cd7ac86c] {
	border-color: #007fff;
	background-color: #007fff
}

.footer-button.primary[data-v-cd7ac86c]:hover {
	border-color: #0371df;
	background-color: #0371df
}

.masker-fade-enter-active[data-v-cd7ac86c],
.masker-fade-leave-active[data-v-cd7ac86c] {
	transition: opacity .3s
}

.masker-fade-enter[data-v-cd7ac86c],
.masker-fade-leave-to[data-v-cd7ac86c] {
	opacity: 0
}

.dialog-fade-enter-active[data-v-cd7ac86c],
.dialog-fade-leave-active[data-v-cd7ac86c] {
	transition: .3s
}

.dialog-fade-enter[data-v-cd7ac86c],
.dialog-fade-leave-to[data-v-cd7ac86c] {
	transform: translate(-50%, -52%);
	opacity: 0
}

@media (max-width:600px) {
	.dialog[data-v-cd7ac86c] {
		padding: 20px 20px 12px;
		width: 80%;
		transform: translate(-50%, -50%)
	}

	.dialog-header[data-v-cd7ac86c] {
		display: none
	}

	.dialog .footer-button[data-v-cd7ac86c] {
		border: 0;
		color: #007fff
	}

	.dialog .footer-button[data-v-cd7ac86c]:hover {
		background-color: #fff
	}

	.dialog .footer-button.primary[data-v-cd7ac86c] {
		color: #007fff;
		border-color: none;
		background-color: #fff
	}

	.dialog .footer-button.primary[data-v-cd7ac86c]:hover {
		border-color: none;
		background-color: #fff
	}

	.dialog button+button[data-v-cd7ac86c] {
		margin-left: 0
	}
}

.iconfont[data-v-2550e46e] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-2550e46e]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-2550e46e]:before {
	content: "\e601"
}

.report-menu[data-v-2550e46e] {
	margin-top: 10px
}

.report-menu-item[data-v-2550e46e] {
	padding: 10px 0;
	display: flex;
	align-items: center;
	cursor: pointer
}

.report-menu-item .radio[data-v-2550e46e] {
	position: relative;
	width: 14px;
	height: 14px;
	border: 1px solid #979797;
	border-radius: 50%;
	background-color: #fff;
	display: inline-block;
	transition: .2s
}

.report-menu-item .radio[data-v-2550e46e]:before {
	position: absolute;
	top: 50%;
	left: 50%;
	content: "";
	display: block;
	margin-left: -3px;
	margin-top: -3px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	box-shadow: 0 0 3px transparent;
	background-color: #fff;
	transform: scale(.3);
	transition: .3s
}

.report-menu-item .radio.active[data-v-2550e46e] {
	background-color: #007fff;
	border-color: #007fff
}

.report-menu-item .radio.active[data-v-2550e46e]:before {
	transform: scale(.8);
	box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.report-menu-item .text[data-v-2550e46e] {
	margin-left: 10px;
	line-height: 1
}

@media (max-width:600px) {
	.report-menu-item[data-v-2550e46e] {
		padding: 12px 0
	}

	.report-menu-item .radio[data-v-2550e46e] {
		width: 16px;
		height: 16px
	}

	.report-menu-item .text[data-v-2550e46e] {
		margin-left: 12px
	}
}

.iconfont[data-v-9941e8ea] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-9941e8ea]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-9941e8ea]:before {
	content: "\e601"
}

.topic-attender .attender[data-v-9941e8ea] {
	display: flex;
	flex-direction: column
}

.topic-attender .attender .title[data-v-9941e8ea] {
	display: flex;
	justify-content: space-between;
	color: #2e3135;
	font-weight: 600;
	font-size: 15px;
	padding: 0 1.5rem;
	line-height: 44px;
	height: 44px;
	border-bottom: 1px solid hsla(0, 0%, 59.2%, .1)
}

.topic-attender .attender .title span.all[data-v-9941e8ea] {
	font-size: 13px;
	color: #007fff;
	cursor: pointer;
	font-weight: 400
}

.topic-attender .attender .title span.all i[data-v-9941e8ea] {
	margin-left: .4rem
}

.topic-attender .attender .content[data-v-9941e8ea] {
	padding: 8px 0 4px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	background: #fff;
	flex-direction: row;
	flex-wrap: wrap
}

.topic-attender .attender .content .user_box[data-v-9941e8ea] {
	width: 25%;
	display: flex;
	flex-flow: column;
	background: #fff;
	align-items: center;
	margin: 1rem 0;
	cursor: pointer
}

.topic-attender .attender .content .user_box .user[data-v-9941e8ea] .user-popover-box {
	display: inline-block;
	width: 3.833rem;
	height: 3.833rem
}

.topic-attender .attender .content .user_box .user .avatar[data-v-9941e8ea] {
	width: 46px;
	height: 46px;
	border-radius: 36px
}

.topic-attender .attender .content .user_box span[data-v-9941e8ea] {
	max-width: 5rem;
	display: inline-block;
	padding: .12rem 0;
	color: #333;
	font-size: 12px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.iconfont[data-v-319920b8] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-319920b8]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-319920b8]:before {
	content: "\e601"
}

.topic-box[data-v-319920b8] {
	display: flex;
	flex-direction: column;
	background-color: #fff;
	margin-bottom: 8px
}

.topic-box .wallpaper[data-v-319920b8] {
	position: relative;
	height: 109px;
	overflow: hidden
}

.topic-box .wallpaper span[data-v-319920b8] {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-position: 50%;
	background-size: 120%;
	background-repeat: no-repeat;
	filter: blur(6.3px);
	transform: scale(1.1)
}

.topic-box .content[data-v-319920b8] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative
}

.topic-box .content .icon[data-v-319920b8] {
	filter: none;
	position: absolute;
	top: -2.5rem;
	left: 50%;
	width: 5rem;
	height: 5rem;
	border-radius: 5px;
	margin-left: -32px;
	border: 2px solid hsla(0, 0%, 100%, .6);
	z-index: 1;
	box-sizing: content-box
}

.topic-box .content .icon[data-v-319920b8]:before {
	content: "";
	position: absolute;
	background-color: #fff;
	width: 5rem;
	height: 5rem;
	z-index: -1;
	border-radius: 3px
}

.topic-box .content .icon span[data-v-319920b8] {
	width: 100%;
	height: 100%;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 3px
}

.topic-box .content .title[data-v-319920b8] {
	font-size: 15px;
	margin-top: 41px;
	text-align: center;
	font-weight: 600;
	color: #17181a
}

.topic-box .content .describe[data-v-319920b8] {
	font-size: 13px;
	color: #1a1b1d;
	width: 100%;
	margin-bottom: 12px
}

.topic-box .content .describe .desc-title[data-v-319920b8] {
	color: #17181a;
	font-weight: 600;
	font-size: 14px;
	padding: 0 16px
}

.topic-box .content .describe span[data-v-319920b8] {
	padding: 0 16px;
	white-space: pre-line;
	display: inline-block
}

.topic-box .content .describe .limit-ctl-box[data-v-319920b8] {
	cursor: pointer;
	font-size: 13px;
	color: #027fff;
	padding: 0 16px
}

.topic-box .content button[data-v-319920b8] {
	padding: 0;
	width: 6.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	background: #fff;
	border-radius: 3px;
	color: #37c701;
	border: 1px solid #37c701;
	font-size: 15px;
	margin: 10px 0 8px
}

.topic-box .content button.followed[data-v-319920b8] {
	background: #37c701;
	color: #fff
}

.topic-box .stat-box[data-v-319920b8] {
	flex: 1 1 auto;
	display: flex;
	margin: 0;
	list-style: none;
	text-align: center;
	padding: 12px 0;
	border-top: 1px solid rgba(92, 96, 102, .1);
	user-select: none
}

.topic-box .stat-box .item[data-v-319920b8] {
	flex: 1 1 auto;
	max-height: 2.833rem
}

.topic-box .stat-box .item[data-v-319920b8]:not(:last-child) {
	border-right: 1px solid rgba(92, 96, 102, .1)
}

.topic-box .stat-box .item .title[data-v-319920b8] {
	padding-top: 6px;
	font-size: 13px;
	color: #8a9aa9
}

.topic-box .stat-box .item .count[data-v-319920b8] {
	font-size: 19px;
	font-weight: 600;
	color: #2e3135;
	line-height: .84
}

.iconfont[data-v-6a612414] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-6a612414]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-6a612414]:before {
	content: "\e601"
}

.attender__side[data-v-6a612414] {
	background: #fff
}

.topic-profile[data-v-5cf2bccb] {
	width: 100%;
	background-color: #fff;
	padding: 1.33rem 0
}

.topic-profile em[data-v-5cf2bccb] {
	font-style: normal;
	color: #2e3135;
	font-size: 1.25rem;
	margin-left: .5rem
}

.content[data-v-5cf2bccb] {
	padding: 0 1.33rem;
	display: flex
}

.content .thumb[data-v-5cf2bccb] {
	width: 7.5rem;
	height: 7.5rem;
	display: flex;
	flex-shrink: 0;
	border-radius: .33rem;
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.content .info[data-v-5cf2bccb] {
	order: 1;
	display: flex;
	flex-direction: column;
	margin-left: 1rem
}

.content .info h2[data-v-5cf2bccb] {
	margin: 0;
	font-size: 1.33rem
}

.content .info .describe[data-v-5cf2bccb] {
	margin-top: .4rem;
	font-size: 1.08rem;
	overflow: hidden
}

.content .info .limit-ctl-box[data-v-5cf2bccb] {
	cursor: pointer;
	font-size: 1.08rem;
	color: #027fff;
	margin-bottom: .8rem
}

.action[data-v-5cf2bccb] {
	display: flex;
	margin-top: .5rem;
	justify-content: space-between
}

.action .stat[data-v-5cf2bccb] {
	display: flex;
	color: #8a9aa9;
	justify-content: center;
	margin-left: 1.33rem;
	align-items: center;
	font-size: 1.17rem
}

.action .stat span[data-v-5cf2bccb]:nth-child(-n+2) {
	margin-right: 1rem
}

.action button[data-v-5cf2bccb] {
	font-size: 1.08rem;
	min-width: 6rem;
	color: #37c701;
	margin-right: 1.33rem;
	border: 1px solid #37c701;
	background-color: #fff
}

.action button.followed[data-v-5cf2bccb] {
	background-color: #37c701;
	color: #fff
}

.iconfont[data-v-59766a68] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-59766a68]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-59766a68]:before {
	content: "\e601"
}

.topic .topic-view[data-v-59766a68] {
	width: 640px;
	max-width: 100%;
	display: flex;
	margin-bottom: 6rem
}

.topic .topic-view .topic-container[data-v-59766a68] {
	width: 640px;
	position: relative;
	display: flex;
	flex-grow: 1;
	align-items: flex-start;
	flex-direction: column
}

.topic .topic-view .topic-container .pin__editor[data-v-59766a68] {
	border-radius: 2px;
	width: 100%
}

.topic .topic-view .topic-container .pin__editor[data-v-59766a68] .editor .rich-editor {
	min-height: 37px
}

.topic .topic-view .topic-container .mobile-topic-profile[data-v-59766a68] {
	display: none
}

.topic .topic-view .topic-container .nav-category[data-v-59766a68] {
	position: relative;
	margin: 8px 0;
	width: 100%;
	height: 3.5rem;
	line-height: 3.5rem;
	background-color: #fff;
	border-radius: 2px;
	transition: all .2s;
	transform: translateZ(0);
	z-index: 0
}

.topic .topic-view .topic-container .nav-category.auth[data-v-59766a68] {
	margin-top: 0
}

.topic .topic-view .topic-container .nav-category .box[data-v-59766a68] {
	width: 100%
}

.topic .topic-view .topic-container .nav-category .box .nav-list[data-v-59766a68] {
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center
}

.topic .topic-view .topic-container .nav-category .box .nav-list .nav-item[data-v-59766a68] {
	width: 25%;
	font-size: 15px;
	display: flex;
	align-items: center;
	justify-content: center
}

.topic .topic-view .topic-container .nav-category .box .nav-list .nav-item.nav-item>a[data-v-59766a68]:hover {
	color: #909090
}

.topic .topic-view .topic-container .nav-category .box .nav-list .nav-item.active>a[data-v-59766a68],
.topic .topic-view .topic-container .nav-category .box .nav-list .nav-item.active>a[data-v-59766a68]:hover {
	color: #007fff
}

.topic .topic-view .topic-container .nav-category .box .nav-list .nav-item.active[data-v-59766a68]:after {
	content: "";
	width: 3rem;
	height: 3px;
	border-radius: 2px;
	background-color: #007fff;
	position: absolute;
	top: 75%;
	left: 50%;
	margin-left: -1.5rem
}

.topic .topic-view .topic-container .nav-category.top[data-v-59766a68] {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	z-index: 1
}

.topic .topic-view .topic-container .nav-category.top .box[data-v-59766a68] {
	width: 960px;
	max-width: 100%;
	margin: 0 auto
}

.topic .topic-view .topic-container .nav-category.top .box .nav-list[data-v-59766a68] {
	width: 700px;
	max-width: 100%;
	margin-left: 0
}

.topic .topic-view .topic-container .nav-category.top .box .pin-tip[data-v-59766a68] {
	width: 700px;
	max-width: 100%
}

.topic .topic-view .pin-content[data-v-59766a68] {
	width: 100%
}

.topic .topic-view .pin-content .pin__box[data-v-59766a68] {
	border-radius: 2px;
	background: #fff;
	margin-bottom: 1rem
}

.topic .topic__side[data-v-59766a68] {
	position: absolute;
	margin-left: 20px;
	width: 300px;
	top: 0;
	right: 0
}

@media (max-width:980px) {
	.topic .main-container .topic-view[data-v-59766a68] {
		margin-top: 1.34rem;
		width: 100%
	}

	.topic .main-container .topic-view .topic-container[data-v-59766a68] {
		width: 100%
	}

	.topic .main-container .topic-view .topic-container .pin__editor[data-v-59766a68] {
		display: none
	}

	.topic .main-container .topic-view .topic-container .mobile-topic-profile[data-v-59766a68] {
		display: block
	}

	.topic .main-container .topic-view .topic-container .mobile-topic-profile.auth[data-v-59766a68] {
		margin-bottom: 8px
	}

	.topic .main-container .topic-view .topic__side[data-v-59766a68] {
		display: none
	}

	.topic .main-container .topic-view .topic__box[data-v-59766a68] {
		width: 100%;
		max-width: 960px
	}
}

.iconfont[data-v-9990b15c] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-9990b15c]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-9990b15c]:before {
	content: "\e601"
}

.main-area[data-v-9990b15c] {
	position: relative;
	margin-bottom: 10rem;
	width: 640px;
	max-width: 100%;
	background-color: #fff;
	border-radius: 2px;
	box-sizing: border-box
}

.main-area[data-v-9990b15c]:after {
	display: table;
	content: "";
	clear: both
}

.main[data-v-039b9194] {
	margin-top: 20px;
	margin-bottom: 6rem;
	display: flex;
	align-items: flex-start
}

.navigator[data-v-039b9194] {
	display: none
}

.dock[data-v-039b9194] {
	width: 112px;
	margin-right: 15px
}

.stream[data-v-039b9194] {
	width: 570px;
	max-width: 100%;
	flex-shrink: 0;
	margin-right: 15px
}

.sidebar[data-v-039b9194] {
	width: 248px;
	flex: 1;
	max-width: 248px
}

@media (max-width:980px) {
	.main[data-v-039b9194] {
		margin-top: 5.17rem;
		overflow: hidden
	}

	.sidebar[data-v-039b9194] {
		display: none
	}

	.stream[data-v-039b9194] {
		width: 100%
	}

	.dock[data-v-039b9194] {
		display: none
	}

	.navigator[data-v-039b9194] {
		display: block
	}
}

.href[data-v-602c8763] {
	cursor: pointer
}

.context-box[data-v-602c8763] {
	display: flex;
	align-items: center;
	padding: 1.5rem 2rem;
	min-width: 0
}

.context-box .info-box[data-v-602c8763] {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.context-box .info-box .meta-row .meta-list[data-v-602c8763] {
	font-size: 12px;
	color: #b2bac2;
	display: flex;
	align-items: baseline;
	white-space: nowrap
}

.context-box .info-box .meta-row .meta-list .tag[data-v-602c8763] {
	border-radius: 2px;
	border: 1px solid #b2bac2;
	margin-left: -2px;
	margin-right: 10px;
	padding: 1px 5px;
	-webkit-transform: scale(.8)
}

.context-box .info-box .meta-row .meta-list .username[data-v-602c8763]:after {
	content: "·";
	margin: 0 .4em;
	color: #b2bac2
}

.context-box .info-box .info-row[data-v-602c8763] {
	max-width: 568px
}

.context-box .info-box .info-row .title[data-v-602c8763] {
	margin: .5rem 0 1rem;
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.2;
	color: #2e3135;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.context-box .info-box .info-row .description[data-v-602c8763] {
	font-size: 13px;
	color: #b2bac2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.context-box .thumb[data-v-602c8763] {
	flex: 0 0 auto;
	width: 5rem;
	height: 5rem;
	margin-left: 2rem;
	background-color: #fff;
	border-radius: 2px
}

@media (max-width:600px) {
	.context-box .thumb[data-v-602c8763] {
		display: none
	}

	.context-box .info-box .info-row .description[data-v-602c8763],
	.context-box .info-box .info-row[data-v-602c8763] {
		max-width: 350px;
		max-width: 85vw
	}
}

.collect-popup-box[data-v-14b1c948] {
	color: #000;
	cursor: default;
	z-index: 50
}

.mask[data-v-14b1c948] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.collect-popup[data-v-14b1c948] {
	position: absolute;
	top: 100%;
	left: 50%;
	margin: 1rem 0 2rem;
	width: 28rem;
	background-color: #fff;
	border: 1px solid #eceeef;
	border-radius: 3px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
	transform: translate(-50%);
	z-index: 10
}

.collect-popup[data-v-14b1c948]:after {
	content: "";
	position: absolute;
	top: -.5rem;
	left: 50%;
	margin-left: -.5rem;
	width: 1rem;
	height: 1rem;
	background-color: #fff;
	border: 1px solid #eceeef;
	border-right: none;
	border-bottom: none;
	transform: rotate(45deg)
}

.collect-popup.right[data-v-14b1c948] {
	top: 0;
	left: 100%;
	margin: 0 0 0 1rem;
	transform: translate(0)
}

.collect-popup.right[data-v-14b1c948]:after {
	display: none
}

.collect-popup>.title[data-v-14b1c948] {
	font-size: 1.167rem;
	font-weight: 700;
	line-height: 3;
	text-align: center
}

.collection-list[data-v-14b1c948] {
	height: 10rem;
	border: 1px solid #eceeef;
	border-right: none;
	border-left: none;
	overflow-y: auto
}

.collection-list .item[data-v-14b1c948] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: .5rem 1rem;
	cursor: pointer
}

.collection-list .item[data-v-14b1c948]:hover {
	background-color: #f8f9fa
}

.collection-list .item:hover .collect-btn[data-v-14b1c948] {
	display: block
}

.collection-list .item .item-block[data-v-14b1c948] {
	display: flex;
	align-items: center
}

.collection-list .item .thumb[data-v-14b1c948] {
	width: 2.167rem;
	height: 2.167rem;
	border-radius: 2px
}

.collection-list .item .title[data-v-14b1c948] {
	margin: 0 1rem;
	max-width: 16rem;
	font-size: 1rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.collection-list .entry-count[data-v-14b1c948] {
	padding: .3em .5em;
	line-height: 1;
	text-align: center;
	color: #b9bec2;
	background-color: #f2f2f2;
	border-radius: 50%
}

.collection-list .collect-icon[data-v-14b1c948] {
	width: 1.8rem;
	height: 1.8rem;
	background-color: transparent;
	background-position: 50%;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/collect.bfe0868.svg);
	display: none
}

.collection-list .collect-icon.collected[data-v-14b1c948] {
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/collected.eb270c8.svg)
}

.collection-list .empty[data-v-14b1c948] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: #b9bec2
}

.collection-list .empty .empty-icon[data-v-14b1c948] {
	margin-bottom: 1rem
}

.action-box[data-v-14b1c948] {
	display: flex;
	position: relative;
	padding: 0 1rem;
	height: 3.334rem
}

.action-box .new-btn[data-v-14b1c948] {
	padding: 0;
	width: 100%;
	height: 100%;
	color: #d2d2d2;
	text-align: left;
	background-color: transparent;
	box-sizing: border-box
}

.action-box .new-btn[data-v-14b1c948]:hover {
	color: #007fff
}

.action-box .new-form[data-v-14b1c948] {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%
}

.action-box .new-form .title-input[data-v-14b1c948] {
	flex: 1 1 auto;
	border: none;
	outline: none
}

.action-box .new-form .submit-btn[data-v-14b1c948] {
	margin: 0 0 0 1rem;
	padding: .5rem 1rem;
	line-height: 1;
	color: #007fff;
	background-color: #fff;
	border: 1px solid;
	border-radius: 2px;
	white-space: nowrap
}

.action-box .new-form .submit-btn[data-v-14b1c948]:disabled {
	color: #d2d2d2
}

.iconfont[data-v-eea1a69c] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-eea1a69c]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-eea1a69c]:before {
	content: "\e601"
}

a[data-v-eea1a69c] {
	color: inherit
}

.entry[data-v-eea1a69c]:hover {
	background-color: rgba(0, 0, 0, .01)
}

.entry:hover .action-list>.item.hover[data-v-eea1a69c] {
	visibility: visible
}

.content-box[data-v-eea1a69c] {
	display: flex;
	align-items: center;
	padding: 1.5rem 2rem
}

.info-box[data-v-eea1a69c] {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0
}

.meta-row[data-v-eea1a69c] {
	font-size: 1rem;
	color: #b2bac2
}

.meta-list[data-v-eea1a69c] {
	display: flex;
	align-items: baseline;
	white-space: nowrap
}

.meta-list .item[data-v-eea1a69c]:not(:last-child):after {
	content: "·";
	margin: 0 .4em;
	color: #b2bac2
}

.meta-list .item.recommended[data-v-eea1a69c] {
	font-weight: 500;
	color: #f70
}

.meta-list .item.hot[data-v-eea1a69c] {
	font-weight: 500;
	color: red
}

.meta-list .item.post[data-v-eea1a69c] {
	font-weight: 500;
	color: #b71ed7
}

.meta-list .item.unparsed[data-v-eea1a69c] {
	font-weight: 500;
	color: #007fff
}

.meta-list .item.username[data-v-eea1a69c] {
	display: flex;
	align-items: baseline
}

.meta-list .item.tag[data-v-eea1a69c] {
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.meta-list .item.clickable[data-v-eea1a69c]:hover {
	color: #007fff
}

.meta-list .item .tag[data-v-eea1a69c]:not(:last-child):after {
	content: "/";
	margin: 0 .2em;
	color: #b2bac2
}

.meta-list .item .tag[data-v-eea1a69c]:hover {
	color: #007fff
}

.action-list[data-v-eea1a69c] {
	display: inline-flex;
	white-space: nowrap
}

.action-list:not(.active)>.item.hover[data-v-eea1a69c] {
	visibility: hidden
}

.action-list>.item[data-v-eea1a69c] {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 0 .8rem;
	height: 2rem;
	font-size: 1.083rem;
	line-height: 1;
	white-space: nowrap;
	color: #b2bac2;
	border-radius: 1px;
	border: 1px solid #edeeef
}

@media (max-width:600px) {
	.action-list>.item[data-v-eea1a69c] {
		height: 1.5rem;
		font-size: 1rem
	}
}

.action-list>.item .title-box[data-v-eea1a69c] {
	display: flex;
	align-items: center;
	padding: 0 .8rem;
	height: 100%
}

.action-list>.item.like[data-v-eea1a69c] {
	padding: 0
}

.action-list>.item.like.liked[data-v-eea1a69c] {
	color: #1dc400
}

.action-list>.item.like .count.active[data-v-eea1a69c] {
	color: #6cbd45
}

.action-list>.item.comment[data-v-eea1a69c] {
	margin-left: -1px;
	padding: 0
}

.action-list>.item.share[data-v-eea1a69c] {
	margin-left: .8rem
}

.action-list>.item.share.active .share-panel[data-v-eea1a69c] {
	display: block
}

.action-list>.item.share .share-panel[data-v-eea1a69c] {
	position: absolute;
	top: 100%;
	left: -1px;
	margin-top: 1rem;
	width: 11rem;
	font-size: 1.167rem;
	color: #8f969c;
	background-color: #fff;
	box-shadow: 0 1px 2px 0 #e0e4e9;
	border: 1px solid rgba(217, 222, 224, .99);
	display: none;
	z-index: 10
}

.action-list>.item.share .share-panel[data-v-eea1a69c]:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	height: 1rem
}

.action-list>.item.share .share-panel .share-item[data-v-eea1a69c] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: .6rem .8rem
}

.action-list>.item.share .share-panel .share-item .icon[data-v-eea1a69c] {
	margin-right: .6rem
}

.action-list>.item.share .share-panel .share-item[data-v-eea1a69c]:hover {
	background-color: #f7f8fa
}

.action-list>.item.share .share-panel .share-item.weibo[data-v-eea1a69c] {
	border-bottom: 1px solid rgba(178, 186, 194, .15)
}

.action-list>.item.share .share-panel .share-item.wechat .qr-code-box[data-v-eea1a69c] {
	margin: .8rem .4rem .7rem;
	width: 100%;
	box-sizing: border-box
}

.action-list>.item.share .share-panel .share-item.wechat .qr-code-box .qr-code[data-v-eea1a69c] {
	width: 100%;
	image-rendering: pixelated
}

.action-list>.item.collect[data-v-eea1a69c] {
	margin-left: -1px;
	z-index: 1
}

.action-list>.item.more[data-v-eea1a69c] {
	margin-left: -1px
}

.action-list>.item.more.active .more-list[data-v-eea1a69c] {
	display: block
}

.action-list>.item.more .more-list[data-v-eea1a69c] {
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: 1rem;
	min-width: 8rem;
	font-size: .9em;
	white-space: nowrap;
	color: #8f969c;
	background-color: #fff;
	box-shadow: 0 1px 2px 0 #e0e4e9;
	border: 1px solid rgba(217, 222, 224, .99);
	display: none;
	z-index: 10
}

.action-list>.item.more .more-list[data-v-eea1a69c]:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	height: 1rem
}

.action-list>.item.more .more-list .item[data-v-eea1a69c] {
	padding: .8rem .9rem
}

.action-list>.item.clickable[data-v-eea1a69c]:hover,
.action-list>.item.more .more-list .item[data-v-eea1a69c]:hover {
	background-color: #f7f8fa
}

.action-list>.item .count[data-v-eea1a69c] {
	color: #b2bac2;
	margin-left: .2em;
	font-weight: 700
}

.title-row[data-v-eea1a69c] {
	margin: .5rem 0 1rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.abstract-row[data-v-eea1a69c] {
	margin-bottom: 1rem;
	font-size: 1.08rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.abstract-row .abstract[data-v-eea1a69c] {
	color: #5b6169
}

.abstract-row .abstract[data-v-eea1a69c]:visited {
	color: #909090
}

.abstract-row .abstract span[data-v-eea1a69c] {
	display: inline-block;
	width: 100%
}

.title[data-v-eea1a69c] {
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.2;
	color: #2e3135
}

.title[data-v-eea1a69c]:hover {
	text-decoration: underline
}

.title[data-v-eea1a69c]:visited {
	color: #909090
}

@media (max-width:600px) {
	.title[data-v-eea1a69c] {
		font-size: 1.2rem
	}
}

.thumb[data-v-eea1a69c] {
	flex: 0 0 auto;
	width: 5rem;
	height: 5rem;
	margin-left: 2rem;
	background-color: #fff;
	border-radius: 2px
}

@media (max-width:600px) {
	.thumb[data-v-eea1a69c] {
		display: none
	}
}

.abstract-row[data-v-eea1a69c] em,
.title-row[data-v-eea1a69c] em {
	font-style: normal;
	color: #e8001c
}

.iconfont[data-v-62c29fce] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-62c29fce]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-62c29fce]:before {
	content: "\e601"
}

a[data-v-62c29fce] {
	color: inherit
}

.column-entry:hover .action-row .action-list .action.hover[data-v-62c29fce] {
	display: flex
}

.user-info-row[data-v-62c29fce] {
	display: flex;
	align-items: center;
	font-size: 1.16rem;
	padding: .3rem 0 1.3rem;
	color: #8b8b8b
}

.user-info-row .user-info[data-v-62c29fce] {
	display: flex;
	align-items: center;
	cursor: pointer
}

.user-info-row .user-info .avatar[data-v-62c29fce] {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	margin-right: 1rem
}

.user-info-row .user-info .username[data-v-62c29fce]:after {
	content: "·";
	margin: 0 .5rem;
	display: inline-block
}

.thumb-row[data-v-62c29fce] {
	position: relative;
	padding-top: 33.4%;
	margin-bottom: 2rem
}

.thumb-row .thumb[data-v-62c29fce] {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: 50%/cover;
	background-color: #f8f9fa;
	cursor: pointer;
	border-radius: 3px
}

.abstract-row[data-v-62c29fce] {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.abstract-row .title[data-v-62c29fce] {
	width: 100%;
	margin-bottom: .8rem;
	font-size: 2rem;
	color: #000;
	line-height: 1.3;
	font-weight: 600;
	word-break: break-word;
	word-wrap: break-word;
	letter-spacing: .04rem
}

.abstract-row .title[data-v-62c29fce]:hover {
	color: #007fff
}

.abstract-row .title[data-v-62c29fce]:visited {
	color: #909090
}

.abstract-row .abstract[data-v-62c29fce] {
	width: 100%;
	max-height: 7.800000000000001rem;
	line-height: 1.5;
	letter-spacing: .02rem;
	color: #8b8b8b;
	cursor: pointer;
	overflow: hidden;
	font-size: 1.3rem
}

.abstract-row .abstract.with-thumb[data-v-62c29fce] {
	max-height: 1.95rem
}

.action-row[data-v-62c29fce] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 1.5rem;
	color: rgba(24, 37, 50, .3)
}

.action-row .action-list .action[data-v-62c29fce],
.action-row .action-list[data-v-62c29fce] {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative
}

.action-row .action-list .action[data-v-62c29fce] {
	cursor: pointer;
	padding: 0 1rem;
	height: 25px;
	line-height: 25px;
	white-space: nowrap;
	border: 1px solid #f1f1f1;
	border-radius: 1px;
	background-color: #fff;
	transition: color, border-color, background-color .3s
}

.action-row .action-list .action .icon[data-v-62c29fce] {
	font-size: 1.2rem
}

.action-row .action-list .action .count[data-v-62c29fce] {
	margin-left: .3rem;
	font-weight: 700
}

.action-row .action-list .action .count.active[data-v-62c29fce] {
	color: #6cbd45
}

.action-row .action-list .action.comment[data-v-62c29fce] {
	margin-left: -1px
}

.action-row .action-list .action.clickable[data-v-62c29fce]:not(.active):hover {
	color: #9f9f9f;
	background-color: hsla(0, 0%, 94.5%, .3)
}

.action-row .action-list .action.clickable.active[data-v-62c29fce]:hover {
	border-color: #76b433;
	background-color: #76b433
}

.action-row .action-list .action.hover[data-v-62c29fce]:not(.active) {
	display: none
}

.action-row .action-list .action.collect[data-v-62c29fce] {
	position: relative;
	margin-left: .8rem
}

.action-row .action-list .action.collect .icon[data-v-62c29fce] {
	margin-right: .5rem
}

.entry-action-box[data-v-62c29fce] {
	display: flex;
	align-items: center
}

.read-action[data-v-62c29fce] {
	margin-left: 2rem;
	position: relative
}

.read-action .icon[data-v-62c29fce] {
	font-size: 2rem;
	cursor: pointer
}

.read-action[data-v-62c29fce]:hover {
	color: #8b8b8b
}

.more-action-list[data-v-62c29fce] {
	position: absolute;
	padding: 1rem 0;
	right: -2.5rem;
	top: -.6rem;
	min-width: 10rem;
	white-space: nowrap;
	border-radius: 2px;
	border: 1px solid #f1f1f1;
	background-color: #fff;
	box-shadow: 0 1px 2px 1px hsla(0, 0%, 94.5%, .5);
	transform: translateY(-100%)
}

.more-action-list[data-v-62c29fce]:after {
	content: "";
	position: absolute;
	top: 98%;
	right: 3.2rem;
	width: .93rem;
	height: .93rem;
	background-color: #fff;
	box-shadow: 2px 2px 1px 0 hsla(0, 0%, 94.5%, .8);
	transform: rotate(45deg) translateY(-50%)
}

.more-action-list .more-action-item[data-v-62c29fce] {
	padding: .6rem 2rem;
	color: #8b8b8b;
	cursor: pointer
}

.more-action-list .more-action-item[data-v-62c29fce]:hover {
	background-color: #f8f9fa
}

.more-action-list .more-action-item a[data-v-62c29fce] {
	color: #8b8b8b
}

.iconfont[data-v-64d67fcb] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-64d67fcb]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-64d67fcb]:before {
	content: "\e601"
}

.column-entry-masker[data-v-64d67fcb] {
	display: flex;
	flex-direction: column;
	position: relative;
	border-bottom: 1px solid hsla(0, 0%, 94.5%, .5);
	user-select: none
}

.info-row[data-v-64d67fcb] {
	display: flex;
	align-items: center;
	position: relative;
	padding: 1.6rem 0;
	min-width: 0
}

.user-meta-row[data-v-64d67fcb] {
	padding-top: 0
}

.user-meta-row .user-avatar[data-v-64d67fcb] {
	margin-right: 1rem;
	width: 30px;
	height: 30px;
	border-radius: 50%
}

.user-meta-row .username[data-v-64d67fcb] {
	width: 10.7rem;
	height: 1.2rem
}

.screenshot-row[data-v-64d67fcb] {
	padding-top: 30%
}

.entry-abstract-row[data-v-64d67fcb] {
	flex-direction: column;
	align-items: flex-start;
	padding-bottom: 0
}

.entry-abstract-row .entry-title[data-v-64d67fcb] {
	margin-bottom: 1.3rem;
	width: 100%;
	height: 3rem
}

.entry-abstract-row .entry-description[data-v-64d67fcb] {
	width: 100%;
	height: 1.73rem
}

.masker[data-v-64d67fcb] {
	border-color: hsla(0, 0%, 94.5%, .1);
	background-color: hsla(0, 0%, 94.5%, .3)
}

.iconfont[data-v-4323e766] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-4323e766]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-4323e766]:before {
	content: "\e601"
}

.masker[data-v-4323e766] {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .65);
	z-index: 500
}

.message-box[data-v-4323e766] {
	padding: 20px 24px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -60%);
	width: 380px;
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .15);
	z-index: 501
}

.message-box-header[data-v-4323e766] {
	padding-bottom: 1rem;
	display: flex;
	justify-content: space-between
}

.message-box-header .title[data-v-4323e766] {
	font-size: 16px;
	color: #17181a;
	font-weight: 600
}

.message-box-header .header-button[data-v-4323e766] {
	margin-top: 5px;
	width: 13px;
	height: 13px;
	cursor: pointer
}

.message-box-header .header-button img[data-v-4323e766] {
	width: 100%
}

.message-box-body[data-v-4323e766] {
	padding-bottom: 8px;
	font-size: 15px;
	color: #333
}

.message-box-footer[data-v-4323e766] {
	padding-top: 8px;
	text-align: right
}

.footer-button[data-v-4323e766] {
	display: inline-block;
	padding: 6px 18px;
	outline: 0;
	text-align: center;
	white-space: nowrap;
	font-size: 14px;
	color: #909090;
	border: 1px solid #c0c6cc;
	border-radius: 2px;
	background-color: #fff;
	user-select: none;
	cursor: pointer;
	transition: .2s
}

.footer-button.loading[data-v-4323e766] {
	opacity: .4;
	cursor: default
}

.footer-button[data-v-4323e766]:hover {
	background-color: #f1f1f1
}

.footer-button.primary[data-v-4323e766] {
	color: #fff
}

.footer-button.primary.loading[data-v-4323e766]:hover,
.footer-button.primary[data-v-4323e766] {
	border-color: #007fff;
	background-color: #007fff
}

.footer-button.primary[data-v-4323e766]:hover {
	border-color: #0371df;
	background-color: #0371df
}

.masker-fade-enter-active[data-v-4323e766],
.masker-fade-leave-active[data-v-4323e766] {
	transition: opacity .3s
}

.masker-fade-enter[data-v-4323e766],
.masker-fade-leave-to[data-v-4323e766] {
	opacity: 0
}

.message-box-fade-enter-active[data-v-4323e766],
.message-box-fade-leave-active[data-v-4323e766] {
	transition: .3s
}

.message-box-fade-enter[data-v-4323e766],
.message-box-fade-leave-to[data-v-4323e766] {
	transform: translate(-50%, -52%);
	opacity: 0
}

@media (max-width:600px) {
	.message-box[data-v-4323e766] {
		padding: 20px 20px 12px;
		width: 80%;
		transform: translate(-50%, -50%)
	}

	.message-box-header[data-v-4323e766] {
		display: none
	}

	.message-box .footer-button[data-v-4323e766] {
		border: 0;
		color: #007fff
	}

	.message-box .footer-button[data-v-4323e766]:hover {
		background-color: #fff
	}

	.message-box .footer-button.primary[data-v-4323e766] {
		color: #007fff;
		border-color: none;
		background-color: #fff
	}

	.message-box .footer-button.primary[data-v-4323e766]:hover {
		border-color: none;
		background-color: #fff
	}

	.message-box button+button[data-v-4323e766] {
		margin-left: 0
	}
}

.item[data-v-6c9b07e2] {
	padding: 2.5rem;
	border-bottom: 1px solid hsla(0, 0%, 59.2%, .1)
}

.empty[data-v-6c9b07e2] {
	padding: 2rem 0;
	width: 100%;
	font-size: 1.2rem;
	text-align: center
}

.iconfont[data-v-79be85af] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-79be85af]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-79be85af]:before {
	content: "\e601"
}

a[data-v-79be85af] {
	color: inherit
}

.entry[data-v-79be85af]:hover {
	background-color: rgba(0, 0, 0, .01)
}

.entry:hover .action-list>.item.hover[data-v-79be85af] {
	visibility: visible
}

.content-box[data-v-79be85af] {
	display: flex;
	align-items: center;
	padding: 1.5rem 2rem
}

.info-box[data-v-79be85af] {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0
}

.meta-row[data-v-79be85af] {
	font-size: 1rem;
	color: #b2bac2
}

.meta-list[data-v-79be85af] {
	display: flex;
	align-items: baseline;
	white-space: nowrap
}

.meta-list .item[data-v-79be85af]:not(:last-child):after {
	content: "·";
	margin: 0 .4em;
	color: #b2bac2
}

.meta-list .item.recommended[data-v-79be85af] {
	font-weight: 500;
	color: #f70
}

.meta-list .item.hot[data-v-79be85af] {
	font-weight: 500;
	color: red
}

.meta-list .item.post[data-v-79be85af] {
	font-weight: 500;
	color: #b71ed7
}

.meta-list .item.unparsed[data-v-79be85af] {
	font-weight: 500;
	color: #007fff
}

.meta-list .item.username[data-v-79be85af] {
	display: flex;
	align-items: baseline
}

.meta-list .item.tag[data-v-79be85af] {
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.meta-list .item.clickable[data-v-79be85af]:hover {
	color: #007fff
}

.meta-list .item .tag[data-v-79be85af]:not(:last-child):after {
	content: "/";
	margin: 0 .2em;
	color: #b2bac2
}

.meta-list .item .tag[data-v-79be85af]:hover {
	color: #007fff
}

.action-list[data-v-79be85af] {
	display: inline-flex;
	white-space: nowrap
}

.action-list:not(.active)>.item.hover[data-v-79be85af] {
	visibility: hidden
}

.action-list>.item[data-v-79be85af] {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 0 .8rem;
	height: 2rem;
	font-size: 1.083rem;
	line-height: 1;
	white-space: nowrap;
	color: #b2bac2;
	border-radius: 1px;
	border: 1px solid #edeeef
}

@media (max-width:600px) {
	.action-list>.item[data-v-79be85af] {
		height: 1.5rem;
		font-size: 1rem
	}
}

.action-list>.item .title-box[data-v-79be85af] {
	display: flex;
	align-items: center;
	padding: 0 .8rem;
	height: 100%
}

.action-list>.item.like[data-v-79be85af] {
	padding: 0
}

.action-list>.item.like.liked[data-v-79be85af] {
	color: #1dc400
}

.action-list>.item.like .count.active[data-v-79be85af] {
	color: #6cbd45
}

.action-list>.item.comment[data-v-79be85af] {
	margin-left: -1px;
	padding: 0
}

.action-list>.item.share[data-v-79be85af] {
	margin-left: .8rem
}

.action-list>.item.share.active .share-panel[data-v-79be85af] {
	display: block
}

.action-list>.item.share .share-panel[data-v-79be85af] {
	position: absolute;
	top: 100%;
	left: -1px;
	margin-top: 1rem;
	width: 11rem;
	font-size: 1.167rem;
	color: #8f969c;
	background-color: #fff;
	box-shadow: 0 1px 2px 0 #e0e4e9;
	border: 1px solid rgba(217, 222, 224, .99);
	display: none;
	z-index: 10
}

.action-list>.item.share .share-panel[data-v-79be85af]:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	height: 1rem
}

.action-list>.item.share .share-panel .share-item[data-v-79be85af] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: .6rem .8rem
}

.action-list>.item.share .share-panel .share-item .icon[data-v-79be85af] {
	margin-right: .6rem
}

.action-list>.item.share .share-panel .share-item[data-v-79be85af]:hover {
	background-color: #f7f8fa
}

.action-list>.item.share .share-panel .share-item.weibo[data-v-79be85af] {
	border-bottom: 1px solid rgba(178, 186, 194, .15)
}

.action-list>.item.share .share-panel .share-item.wechat .qr-code-box[data-v-79be85af] {
	margin: .8rem .4rem .7rem;
	width: 100%;
	box-sizing: border-box
}

.action-list>.item.share .share-panel .share-item.wechat .qr-code-box .qr-code[data-v-79be85af] {
	width: 100%;
	image-rendering: pixelated
}

.action-list>.item.share.close[data-v-79be85af] {
	margin-left: -1px
}

.action-list>.item.collect[data-v-79be85af] {
	margin-left: -1px;
	z-index: 1
}

.action-list>.item.more[data-v-79be85af] {
	margin-left: -1px
}

.action-list>.item.more.active .more-list[data-v-79be85af] {
	display: block
}

.action-list>.item.more .more-list[data-v-79be85af] {
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: 1rem;
	min-width: 8rem;
	font-size: .9em;
	white-space: nowrap;
	color: #8f969c;
	background-color: #fff;
	box-shadow: 0 1px 2px 0 #e0e4e9;
	border: 1px solid rgba(217, 222, 224, .99);
	display: none;
	z-index: 10
}

.action-list>.item.more .more-list[data-v-79be85af]:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	height: 1rem
}

.action-list>.item.more .more-list .item[data-v-79be85af] {
	padding: .8rem .9rem
}

.action-list>.item.clickable[data-v-79be85af]:hover,
.action-list>.item.more .more-list .item[data-v-79be85af]:hover {
	background-color: #f7f8fa
}

.action-list>.item .count[data-v-79be85af] {
	color: #b2bac2;
	margin-left: .2em;
	font-weight: 700
}

.title-row[data-v-79be85af] {
	margin: .5rem 0 1rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.title[data-v-79be85af] {
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.2;
	color: #2e3135
}

.title[data-v-79be85af]:hover {
	text-decoration: underline
}

.title[data-v-79be85af]:visited {
	color: #909090
}

@media (max-width:600px) {
	.title[data-v-79be85af] {
		font-size: 1.2rem
	}
}

.thumb[data-v-79be85af] {
	flex: 0 0 auto;
	width: 5rem;
	height: 5rem;
	margin-left: 2rem;
	background-color: #fff;
	border-radius: 2px
}

@media (max-width:600px) {
	.thumb[data-v-79be85af] {
		display: none
	}
}

.iconfont[data-v-618f1182] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-618f1182]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-618f1182]:before {
	content: "\e601"
}

.iconfont[data-v-43df370c] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-43df370c]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-43df370c]:before {
	content: "\e601"
}

.content-box[data-v-43df370c] {
	display: flex;
	padding: 1.5rem 2rem;
	color: #b2bac2
}

.content-box[data-v-43df370c]:hover {
	background-color: rgba(0, 0, 0, .01)
}

.content-box .info-box[data-v-43df370c] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	flex: 1 1 auto
}

.content-box .info-box .meta-row[data-v-43df370c] {
	font-size: 12px
}

.content-box .info-box .meta-row .username[data-v-43df370c] {
	color: #b3bac1
}

.content-box .info-box .meta-row .sign[data-v-43df370c] {
	font-weight: 500;
	color: #ff0068
}

.content-box .info-box .meta-row .sign[data-v-43df370c]:after {
	content: "\B7";
	margin: 0 .4em;
	color: #b2bac2
}

.content-box .info-box .info-row[data-v-43df370c] {
	margin: .5rem 0 1rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.content-box .info-box .info-row .title[data-v-43df370c] {
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.2;
	color: #2e3135
}

.content-box .info-box .info-row .desc[data-v-43df370c] {
	font-size: 14px;
	margin-top: 10px;
	color: #666
}

.content-box .info-box .action-row[data-v-43df370c] {
	display: flex;
	justify-content: space-between
}

.content-box .info-box .action-row .action-left[data-v-43df370c],
.content-box .info-box .action-row .action-right[data-v-43df370c] {
	display: flex;
	align-items: center
}

.content-box .info-box .action-row .link-btn[data-v-43df370c] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 2rem;
	border: 1px solid #edeeef;
	border-radius: 1px;
	padding-left: 14px;
	padding-right: 14px;
	color: #b3bac1;
	font-size: 14px;
	white-space: nowrap
}

.content-box .info-box .action-row .link-btn[data-v-43df370c]:not(:first-child) {
	margin-left: -1px
}

.content-box .info-box .action-row .share[data-v-43df370c] {
	position: relative
}

.content-box .info-box .action-row .share .share-panel[data-v-43df370c] {
	position: absolute;
	top: 100%;
	left: -1px;
	margin-top: 1rem;
	width: 11rem;
	font-size: 1.167rem;
	color: #8f969c;
	background-color: #fff;
	box-shadow: 0 1px 2px 0 #e0e4e9;
	border: 1px solid rgba(217, 222, 224, .99);
	display: none;
	z-index: 10
}

.content-box .info-box .action-row .share .share-panel[data-v-43df370c]:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	height: 1rem
}

.content-box .info-box .action-row .share .share-panel .share-item[data-v-43df370c] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: .6rem .8rem
}

.content-box .info-box .action-row .share .share-panel .share-item .icon[data-v-43df370c] {
	margin-right: .6rem
}

.content-box .info-box .action-row .share .share-panel .share-item[data-v-43df370c]:hover {
	background-color: #f7f8fa
}

.content-box .info-box .action-row .share .share-panel .share-item.weibo[data-v-43df370c] {
	border-bottom: 1px solid rgba(178, 186, 194, .15)
}

.content-box .info-box .action-row .share .share-panel .share-item.wechat .qr-code-box[data-v-43df370c] {
	margin: .8rem .4rem .7rem;
	width: 100%;
	box-sizing: border-box
}

.content-box .info-box .action-row .share .share-panel .share-item.wechat .qr-code-box .qr-code[data-v-43df370c] {
	width: 100%;
	image-rendering: pixelated
}

.content-box .info-box .action-row .share.active .share-panel[data-v-43df370c] {
	display: block
}

.content-box .thumb[data-v-43df370c] {
	flex: 0 0 auto;
	width: 5rem;
	height: 5rem;
	margin-left: 2rem;
	background-color: #fff;
	border-radius: 2px
}

@media (max-width:600px) {
	.content-box .info-box .info-row .title[data-v-43df370c] {
		font-size: 1.2rem
	}

	.content-box .info-box .action-row .link-btn[data-v-43df370c] {
		height: 1.5rem;
		font-size: 12px;
		padding-left: 5px;
		padding-right: 5px
	}

	.content-box .info-box .action-row .share[data-v-43df370c],
	.content-box .thumb[data-v-43df370c] {
		display: none
	}
}

.ad-entry-list[data-v-1dc849ac] {
	width: 100%;
	background-color: #fff
}

.ad-entry-list[data-v-1dc849ac]:hover {
	background-color: rgba(0, 0, 0, .01)
}

.ad-entry-list .item[data-v-1dc849ac] {
	border-bottom: 1px solid rgba(178, 186, 194, .15)
}

.panel-btn[data-v-d5872968] {
	position: relative;
	margin-bottom: .75rem;
	width: 3rem;
	height: 3rem;
	background-color: #fff;
	background-position: 50%;
	background-repeat: no-repeat;
	border-radius: 50%;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .04);
	cursor: pointer
}

.panel-btn:not(.share-btn).active.with-badge[data-v-d5872968]:after {
	background-color: #74ca46
}

.panel-btn.with-badge[data-v-d5872968]:after {
	content: attr(badge);
	position: absolute;
	top: 0;
	left: 75%;
	padding: .1rem .4rem;
	font-size: 1rem;
	text-align: center;
	line-height: 1;
	white-space: nowrap;
	color: #fff;
	background-color: #b2bac2;
	border-radius: .7rem;
	transform-origin: left top;
	transform: scale(.75)
}

.panel-btn.like-btn[data-v-d5872968] {
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/zan.b4bb964.svg)
}

.panel-btn.like-btn[data-v-d5872968]:hover {
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/zan-hover.91657d6.svg)
}

.panel-btn.like-btn.active[data-v-d5872968] {
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/zan-active.337b9a0.svg)
}

.panel-btn.like-btn.like-adjust[data-v-d5872968] {
	background-position: 53% 46%
}

.panel-btn.comment-btn[data-v-d5872968] {
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/comment.7fc22c2.svg)
}

.panel-btn.comment-btn[data-v-d5872968]:hover {
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/comment-hover.1074e67.svg)
}

.panel-btn.comment-btn.comment-adjust[data-v-d5872968] {
	background-position: 50% 55%
}

.panel-btn.collect-btn[data-v-d5872968] {
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/collect.1db122b.svg)
}

.panel-btn.collect-btn.active[data-v-d5872968] {
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/collect-active.cc5ff8d.svg)
}

.panel-btn.collect-btn.open[data-v-d5872968],
.panel-btn.collect-btn[data-v-d5872968]:hover {
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/collect-hover.5d446a7.svg)
}

.panel-btn.weibo-btn[data-v-d5872968] {
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/weibo.2076a57.svg)
}

.panel-btn.weibo-btn[data-v-d5872968]:hover {
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/weibo-hover.9abf502.svg)
}

.panel-btn.qq-btn[data-v-d5872968] {
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/qq.0834411.svg)
}

.panel-btn.qq-btn[data-v-d5872968]:hover {
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/qq-hover.d11dd84.svg)
}

.panel-btn.wechat-btn[data-v-d5872968] {
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/wechat.63e1ce0.svg)
}

.panel-btn.wechat-btn[data-v-d5872968]:hover {
	background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/wechat-hover.c8ce019.svg)
}

.panel-btn.wechat-btn:hover .wechat-qr-code-img[data-v-d5872968] {
	display: block
}

.share-title[data-v-d5872968] {
	margin: 2.5rem 0 1rem;
	font-size: 1rem;
	text-align: center;
	color: #c6c6c6;
	user-select: none
}

.wechat-qr-code-img[data-v-d5872968] {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 8rem;
	height: 8rem;
	margin-top: 1rem;
	border: .5rem solid #fff;
	transform: translateX(-50%);
	display: none
}

.books-recommend-footer .heading[data-v-61fea7d9] {
	color: #909090;
	height: 25px;
	line-height: 25px;
	font-size: 1.3rem;
	margin: 1.3rem 0
}

.books-recommend-footer .book-list .book[data-v-61fea7d9] {
	display: flex
}

.books-recommend-footer .book-list .book[data-v-61fea7d9]:not(:last-child) {
	margin-bottom: 15px
}

.books-recommend-footer .book-list .poster[data-v-61fea7d9] {
	width: 52px;
	height: 72px;
	margin-right: 10px;
	flex-shrink: 0;
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .26)
}

.books-recommend-footer .book-list .poster .poster-img[data-v-61fea7d9] {
	width: 100%;
	height: 100%
}

.books-recommend-footer .book-list .info[data-v-61fea7d9] {
	flex-grow: 1
}

.books-recommend-footer .book-list .info .title[data-v-61fea7d9] {
	font-size: 1.3rem;
	font-weight: 500;
	margin-bottom: 3px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

.books-recommend-footer .book-list .info .bought[data-v-61fea7d9] {
	display: flex;
	align-items: center;
	color: #878c90
}

.books-recommend-footer .book-list .info .bought span[data-v-61fea7d9] {
	margin-right: 5px
}

.books-recommend-footer .book-list .info .bought .try-read[data-v-61fea7d9] {
	height: 20px;
	color: #fff;
	font-size: 12px;
	padding-left: 5px;
	line-height: 20px;
	padding-right: 5px;
	border-radius: 2px;
	background-color: #007fff;
	display: flex;
	align-items: center
}

.books-recommend-footer .book-list .info .bought .try-read[data-v-61fea7d9]:after {
	width: 0;
	height: 0;
	content: "";
	display: inline-block;
	margin-left: 3px;
	border-color: transparent transparent transparent #fff;
	border-style: solid;
	border-width: 3px 0 3px 3px
}

@media (min-width:720px) {
	.books-recommend-footer .heading[data-v-61fea7d9] {
		text-align: center
	}
}

.iconfont[data-v-388f3e9c] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-388f3e9c]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-388f3e9c]:before {
	content: "\e601"
}

.content-box[data-v-388f3e9c] {
	display: flex;
	padding: 1.5rem 2rem;
	color: #b2bac2
}

.content-box[data-v-388f3e9c]:hover {
	background-color: rgba(0, 0, 0, .01)
}

.content-box .info-box[data-v-388f3e9c] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	flex: 1 1 auto
}

.content-box .info-box .meta-row[data-v-388f3e9c] {
	font-size: 12px
}

.content-box .info-box .meta-item[data-v-388f3e9c],
.content-box .info-box .meta-item a[data-v-388f3e9c] {
	color: #b3bac1
}

.content-box .info-box .meta-item a[data-v-388f3e9c]:hover {
	color: #007fff
}

.content-box .info-box .meta-item[data-v-388f3e9c]:not(:last-child):after {
	content: "·";
	margin: 0 .4em;
	color: #b2bac2
}

.content-box .info-box .meta-item.sign[data-v-388f3e9c] {
	font-weight: 500;
	color: #007fff
}

.content-box .info-box .info-row[data-v-388f3e9c] {
	margin: .5rem 0 1rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.content-box .info-box .info-row .title[data-v-388f3e9c] {
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.2;
	color: #2e3135
}

.content-box .info-box .info-row .desc[data-v-388f3e9c] {
	font-size: 14px;
	margin-top: 10px;
	color: #666
}

.content-box .info-box .action-row[data-v-388f3e9c] {
	display: flex;
	justify-content: space-between
}

.content-box .info-box .action-row .action-left[data-v-388f3e9c],
.content-box .info-box .action-row .action-right[data-v-388f3e9c] {
	display: flex;
	align-items: center
}

.content-box .info-box .action-row .link-btn[data-v-388f3e9c] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 2rem;
	border: 1px solid #edeeef;
	border-radius: 1px;
	padding-left: 14px;
	padding-right: 14px;
	color: #b3bac1;
	font-size: 14px;
	white-space: nowrap
}

.content-box .info-box .action-row .link-btn[data-v-388f3e9c]:not(:first-child) {
	margin-left: -1px
}

.content-box .thumb[data-v-388f3e9c] {
	flex: 0 0 auto;
	width: 5rem;
	height: 5rem;
	margin-left: 2rem;
	background-color: #fff;
	border-radius: 2px
}

@media (max-width:600px) {
	.content-box .info-box .info-row .title[data-v-388f3e9c] {
		font-size: 1.2rem
	}

	.content-box .info-box .action-row .link-btn[data-v-388f3e9c] {
		height: 1.5rem;
		font-size: 12px;
		padding-left: 5px;
		padding-right: 5px
	}

	.content-box .thumb[data-v-388f3e9c] {
		display: none
	}
}

.iconfont[data-v-2fdda012] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-2fdda012]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-2fdda012]:before {
	content: "\e601"
}

.entry-masker[data-v-2fdda012] {
	display: flex;
	align-items: center;
	position: relative;
	padding: 0 2rem;
	min-height: 114px
}

.screenshot[data-v-2fdda012] {
	margin-right: 2rem;
	width: 60px;
	height: 60px;
	border-radius: 2px
}

.entry-info[data-v-2fdda012] {
	flex: 1 1 auto;
	font-size: .7rem
}

.info-row[data-v-2fdda012] {
	display: flex;
	align-items: center;
	min-height: 2.5rem
}

.info-row.meta[data-v-2fdda012] {
	align-items: flex-end
}

.entry-title-box[data-v-2fdda012] {
	flex: 1 1 auto;
	position: relative
}

.entry-title-box .entry-title[data-v-2fdda012] {
	width: 60%;
	height: 1.8rem
}

.meta-badge[data-v-2fdda012] {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 0 1rem;
	width: 2rem;
	height: 15px;
	border: 1px solid
}

.meta-badge.comments[data-v-2fdda012],
.meta-badge.entry-action[data-v-2fdda012] {
	margin-left: -1px
}

.entry-action[data-v-2fdda012] {
	opacity: 0
}

.entry-action .entry-action-list[data-v-2fdda012] {
	position: absolute;
	top: 100%;
	left: -1px;
	display: none
}

.entry-action .entry-action-list .entry-action-item[data-v-2fdda012] {
	padding-left: 1.6rem;
	padding-right: 1.6rem
}

.entry-action:hover .entry-action-list[data-v-2fdda012] {
	display: block
}

.meta-tag-box[data-v-2fdda012] {
	display: flex;
	flex: 1 0 auto;
	justify-content: flex-end
}

.meta-tag[data-v-2fdda012] {
	display: flex;
	align-items: center;
	width: 4rem;
	height: 15px;
	border: 1px solid;
	border-radius: 1px
}

.meta-tag[data-v-2fdda012]:first-child {
	margin-left: 0
}

.meta-tag[data-v-2fdda012]:last-child {
	margin-right: 0
}

.user-avatar[data-v-2fdda012] {
	margin-left: 1.3rem;
	width: 25px;
	height: 25px;
	border-radius: 1px
}

.masker[data-v-2fdda012] {
	border-color: hsla(0, 0%, 94.5%, .1);
	background-color: hsla(0, 0%, 94.5%, .3)
}

@media (max-width:800px) {
	.screenshot[data-v-2fdda012] {
		display: none
	}
}

@media (max-width:600px) {

	.entry-date[data-v-2fdda012],
	.user-avatar[data-v-2fdda012] {
		display: none
	}

	.entry-title[data-v-2fdda012] {
		white-space: normal;
		overflow: auto
	}
}

@media (max-width:480px) {
	.meta-tag[data-v-2fdda012] {
		display: none
	}
}

.iconfont[data-v-5a6c85a1] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-5a6c85a1]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-5a6c85a1]:before {
	content: "\e601"
}

.sidebar-block[data-v-5a6c85a1] {
	position: relative;
	margin-bottom: 1.5rem;
	border-radius: 2px
}

.sidebar-block[data-v-5a6c85a1]:after {
	display: table;
	content: "";
	clear: both
}

.sidebar-block[data-v-5a6c85a1]:not(.pure) {
	background-color: #fff
}

.sidebar-block:not(.pure) .block-title[data-v-5a6c85a1] {
	padding: 1rem 1.3rem;
	font-size: 1.16rem;
	color: #333;
	border-bottom: 1px solid hsla(0, 0%, 58.8%, .1)
}

.wechat-sidebar-block:hover .close-btn[data-v-ac4fa50c] {
	display: block
}

.close-btn[data-v-ac4fa50c] {
	position: absolute;
	top: .5rem;
	right: .5rem;
	padding: .3rem .5rem;
	font-size: 1rem;
	color: #333;
	opacity: .5;
	cursor: pointer;
	z-index: 1;
	display: none
}

.close-btn[data-v-ac4fa50c]:hover {
	opacity: 1
}

.follow-button[data-v-85cf166a] {
	margin: 0 0 0 auto;
	padding: 0;
	width: 55px;
	height: 26px;
	font-size: 13px;
	border: 1px solid #6cbd45;
	color: #6cbd45;
	background-color: #fff
}

.follow-button[data-v-85cf166a]:hover {
	opacity: .8
}

.follow-button.followed[data-v-85cf166a] {
	color: #fff;
	border-color: #6cbd45;
	background-color: #6cbd45
}

.iconfont[data-v-75be2974] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-75be2974]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-75be2974]:before {
	content: "\e601"
}

.user[data-v-75be2974] {
	position: relative;
	box-sizing: border-box
}

.user[data-v-75be2974]:hover {
	background-color: hsla(0, 0%, 87.1%, .1)
}

.link[data-v-75be2974] {
	display: flex;
	align-items: center;
	padding: 1.95rem 2.17rem;
	overflow: hidden
}

@media (max-width:600px) {
	.link[data-v-75be2974] {
		padding: 1.8rem 2rem
	}
}

.avatar[data-v-75be2974] {
	flex: 0 0 auto;
	margin-right: 1.67rem;
	width: 3.75rem;
	height: 3.75rem;
	border-radius: 50%
}

@media (max-width:600px) {
	.avatar[data-v-75be2974] {
		margin-right: 1rem
	}
}

.info-box[data-v-75be2974] {
	flex: 1 1 auto;
	min-width: 0
}

.info-box .profile[data-v-75be2974] {
	display: flex;
	align-items: baseline;
	font-size: 1.333rem;
	font-weight: 600;
	color: #2e3135;
	max-width: 480px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media (max-width:600px) {
	.info-box .profile[data-v-75be2974] {
		max-width: 200px
	}
}

.info-box .profile[data-v-75be2974] em {
	color: #e8001c;
	font-style: normal
}

.info-box .position[data-v-75be2974] {
	font-size: 1.17rem;
	color: #8a9aa9;
	margin-left: .9rem;
	font-weight: 400;
	max-width: 300px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media (max-width:600px) {
	.info-box .position[data-v-75be2974] {
		display: inline-block;
		max-width: 120px;
		margin-left: .52rem
	}
}

.info-box .detail[data-v-75be2974] {
	margin-top: .6rem;
	font-size: 1.08rem;
	color: #8a9aa9;
	font-weight: 400;
	opacity: .9;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.info-box .detail[data-v-75be2974]:hover,
.info-box .detail a[data-v-75be2974] {
	color: #8a9aa9
}

.info-box .rank[data-v-75be2974] img {
	vertical-align: initial
}

.follow-btn[data-v-75be2974] {
	flex: 0 0 auto;
	margin: 0 0 0 1rem;
	padding: 0;
	width: 6.17rem;
	height: 2.5rem;
	font-size: 1.1rem;
	color: #37c701;
	background-color: #fff;
	border: 1px solid rgba(55, 199, 1, .6);
	border-radius: 2px
}

@media (max-width:600px) {
	.follow-btn[data-v-75be2974] {
		width: 5.23rem;
		height: 2.23rem
	}
}

.follow-btn[data-v-75be2974]:hover {
	opacity: .8
}

.follow-btn.active[data-v-75be2974] {
	color: #fff;
	background-color: #37c701
}

.iconfont[data-v-0e872071] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-0e872071]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-0e872071]:before {
	content: "\e601"
}

.tag[data-v-0e872071] {
	display: flex;
	padding: 1.95rem 2.08rem;
	align-items: center;
	justify-content: space-between;
	overflow: hidden
}

.tag[data-v-0e872071]:hover {
	background-color: hsla(0, 0%, 87.1%, .1)
}

@media (max-width:600px) {
	.tag[data-v-0e872071] {
		padding: 1.8rem 2rem
	}
}

.tag .info-box[data-v-0e872071] {
	display: flex
}

.tag .meta-box[data-v-0e872071] {
	margin-left: 1.5rem
}

@media (max-width:600px) {
	.tag .meta-box[data-v-0e872071] {
		margin-left: 1rem
	}
}

.tag .meta-box .title[data-v-0e872071] {
	font-size: 1.23rem;
	font-weight: 600;
	color: #2e3135;
	margin-bottom: .5rem
}

.tag .meta-box .title[data-v-0e872071] em {
	font-style: normal;
	color: #e8001c
}

.tag .meta-box .stat[data-v-0e872071] {
	font-size: 1.17rem;
	color: #2e3135;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media (max-width:600px) {
	.tag .meta-box .stat[data-v-0e872071] {
		max-width: 200px
	}
}

.tag .thumb[data-v-0e872071] {
	width: 45px;
	height: 45px
}

.tag .action-box .follow-btn[data-v-0e872071] {
	padding: 0;
	width: 6.17rem;
	height: 2.5rem
}

@media (max-width:600px) {
	.tag .action-box .follow-btn[data-v-0e872071] {
		width: 5.23rem;
		height: 2.23rem
	}
}

.iconfont[data-v-579120a6] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-579120a6]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-579120a6]:before {
	content: "\e601"
}

.main-list[data-v-579120a6] {
	background-color: #fff;
	max-width: 700px
}

.main-list .item[data-v-579120a6]:not(:last-child) {
	border-bottom: 1px solid rgba(178, 186, 194, .15)
}

.iconfont[data-v-62eb8aee] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-62eb8aee]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-62eb8aee]:before {
	content: "\e601"
}

.entry-list[data-v-62eb8aee] {
	max-width: 800px
}

@media (max-width:600px) {
	.entry-list[data-v-62eb8aee] {
		max-width: 100%
	}
}

.item[data-v-62eb8aee]:not(:last-child) {
	border-bottom: 1px solid rgba(178, 186, 194, .15)
}

.iconfont[data-v-6ffbc749] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-6ffbc749]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-6ffbc749]:before {
	content: "\e601"
}

.tag-list[data-v-6ffbc749] {
	background-color: #fff;
	max-width: 700px
}

.tag-list .item[data-v-6ffbc749]:not(:last-child) {
	border-bottom: 1px solid rgba(178, 186, 194, .15)
}

.iconfont[data-v-1240684f] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-1240684f]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-1240684f]:before {
	content: "\e601"
}

.user-list[data-v-1240684f] {
	max-width: 700px
}

@media (max-width:600px) {
	.user-list[data-v-1240684f] {
		max-width: 100%
	}
}

.item[data-v-1240684f]:not(:last-child) {
	border-bottom: 1px solid rgba(178, 186, 194, .15)
}

.skeleton-row[data-v-ebff7c42] {
	margin-bottom: .8rem;
	height: 1.2rem;
	background-color: #f3f3f3
}

.skeleton-avatar[data-v-ebff7c42] {
	border-radius: 50%;
	background-color: #f3f3f3
}

.skeleton-list[data-v-ebff7c42] {
	padding: 20px;
	background-color: #fff;
	border-radius: 0 0 .2rem .2rem;
	overflow: hidden
}

.skeleton-list .skeleton-row[data-v-ebff7c42] {
	margin-bottom: 16px;
	background: linear-gradient(90deg, #fff, #edeff1, #fff);
	background-size: 480px 480px;
	animation: skeleton-stripes-data-v-ebff7c42 .6s linear infinite
}

.skeleton-list .skeleton-row[data-v-ebff7c42]:last-of-type {
	margin-bottom: 0
}

.skeleton-list .skeleton-row[data-v-ebff7c42]:first-of-type {
	width: 40%
}

.skeleton-list .skeleton-row[data-v-ebff7c42]:nth-of-type(2),
.skeleton-list .skeleton-row[data-v-ebff7c42]:nth-of-type(3) {
	width: 80%
}

.skeleton-list .skeleton-row[data-v-ebff7c42]:nth-of-type(4) {
	width: 50%
}

@-moz-keyframes skeleton-stripes-data-v-ebff7c42 {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 480px 0
	}
}

@-webkit-keyframes skeleton-stripes-data-v-ebff7c42 {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 480px 0
	}
}

@-o-keyframes skeleton-stripes-data-v-ebff7c42 {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 480px 0
	}
}

@keyframes skeleton-stripes-data-v-ebff7c42 {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 480px 0
	}
}

.empty[data-v-364248a5] {
	display: flex;
	height: 97px;
	font-size: 14px;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.iconfont[data-v-7227b6f5] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-7227b6f5]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-7227b6f5]:before {
	content: "\e601"
}

.nav-block[data-v-7227b6f5] {
	height: 4rem;
	font-size: 1.08rem;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 1.2rem;
	border-bottom: 1px solid rgba(178, 186, 194, .15)
}

@media (max-width:600px) {
	.nav-block[data-v-7227b6f5] {
		justify-content: flex-start
	}
}

.nav-block .nav-list .nav-item[data-v-7227b6f5],
.nav-block .nav-list[data-v-7227b6f5] {
	height: 100%;
	justify-content: center;
	align-items: center;
	display: flex
}

.nav-block .nav-list .nav-item[data-v-7227b6f5] {
	padding: 0 .7rem
}

.nav-block .nav-list .nav-item[data-v-7227b6f5]:not(:last-child):after {
	width: 2px;
	height: 2px;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	content: "";
	position: absolute;
	left: 100%;
	top: 50%;
	background-color: #2b445d;
	transform: translateY(-50%);
	opacity: .5
}

.nav-block .nav-list .nav-item.active>a[data-v-7227b6f5] {
	color: #007fff
}

.iconfont[data-v-64c27de7] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-64c27de7]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-64c27de7]:before {
	content: "\e601"
}

.search-view[data-v-64c27de7] {
	width: 960px;
	margin: -50px auto 3rem
}

.view-nav[data-v-64c27de7] {
	height: 4rem
}

.sort-banner[data-v-64c27de7] {
	width: 960px;
	margin: auto
}

.nav-banner[data-v-64c27de7] {
	height: 48px;
	width: 700px;
	display: flex;
	justify-content: space-between
}

.nav-list[data-v-64c27de7] {
	position: relative;
	padding-left: 1.2rem;
	margin: 0
}

@media (max-width:600px) {
	.nav-list[data-v-64c27de7] {
		padding-left: .5rem
	}
}

.left .nav-item[data-v-64c27de7] {
	margin-right: 1.2rem
}

@media (max-width:600px) {
	.left .nav-item[data-v-64c27de7] {
		margin-right: .5rem
	}
}

.right[data-v-64c27de7] {
	padding-left: 0;
	padding-right: 1.5rem
}

.right .nav-item[data-v-64c27de7] {
	font-size: 1.08rem;
	padding: 0 .7rem
}

.right .nav-item.last-child[data-v-64c27de7] {
	padding: 0 0 0 1rem
}

.right .nav-item[data-v-64c27de7]:not(:last-child):after {
	width: 2px;
	height: 2px;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	content: "";
	position: absolute;
	left: 100%;
	top: 50%;
	background-color: #2b445d;
	transform: translateY(-50%);
	opacity: .5
}

.result-list[data-v-64c27de7] {
	max-width: 700px;
	margin-top: 60px;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.title[data-v-64c27de7] {
	margin-top: .8rem
}

.list[data-v-64c27de7] {
	margin-top: 70px
}

.suggested-tag-list[data-v-64c27de7] {
	display: flex;
	flex-wrap: wrap
}

.suggested-tag-list .tag[data-v-64c27de7] {
	cursor: pointer;
	margin: .8rem .8rem 0 0;
	padding: .5rem 1rem;
	border-radius: 2px;
	line-height: 1;
	display: inline-block;
	font-size: 1.1rem;
	border: 1px solid #f1f1f1;
	color: #909090;
	transition: color .3s, border-color .3s, background-color .3s
}

.fade-enter-active[data-v-64c27de7],
.fade-leave-active[data-v-64c27de7] {
	transition: opacity .5s
}

.fade-enter[data-v-64c27de7],
.fade-leave-to[data-v-64c27de7] {
	opacity: 0
}

@media (max-width:600px) {

	.search-view[data-v-64c27de7],
	.sort-banner[data-v-64c27de7] {
		width: 100%
	}

	.nav-list.nav-item[data-v-64c27de7]:first-child {
		padding: 0
	}

	.right[data-v-64c27de7] {
		display: none
	}
}

.entry-list[data-v-26e20c7a] {
	width: 100%;
	background-color: #fff
}

.empty[data-v-26e20c7a] {
	padding: 2rem 0;
	width: 100%;
	font-size: 1.2rem;
	text-align: center
}

.item[data-v-26e20c7a]:not(:last-child) {
	border-bottom: 1px solid rgba(178, 186, 194, .15)
}

.activity-empty[data-v-58d8fb58] {
	padding: 20px;
	background-color: #fff;
	border-radius: 0 0 .2rem .2rem;
	height: 100px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	font-weight: 400;
	color: #b2bac2;
	margin-bottom: .67rem
}

.activity-empty .empty-text[data-v-58d8fb58] {
	margin-top: 10px
}

.activity-empty a[data-v-58d8fb58] {
	display: none;
	margin-left: 5px;
	margin-top: 14px;
	font-size: 1.166rem;
	color: #027fff
}

.iconfont[data-v-5efb89ad] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-5efb89ad]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-5efb89ad]:before {
	content: "\e601"
}

.like-list-box[data-v-5efb89ad] {
	background-color: #fff
}

.like-list-box .sub-header[data-v-5efb89ad] {
	display: none
}

@media (max-width:600px) {
	.like-list-box .sub-header[data-v-5efb89ad] {
		display: flex
	}
}

.post-list-box[data-v-5c0c88e0],
.sub-header[data-v-147e06ae] {
	background-color: #fff
}

.pin-list[data-v-3ccfaca3] {
	background: #f4f5f5
}

.pin-list .item[data-v-3ccfaca3] {
	margin-bottom: 8px
}

.skeleton-row[data-v-c2b3a9d0] {
	margin-bottom: .8rem;
	height: 1.2rem;
	background-color: #f3f3f3
}

.skeleton-avatar[data-v-c2b3a9d0] {
	border-radius: 50%;
	background-color: #f3f3f3
}

.skeleton-pin[data-v-c2b3a9d0] {
	padding: 16px 2rem;
	margin-bottom: 1rem;
	min-height: 190px;
	background-color: #fff;
	box-sizing: border-box
}

.skeleton-pin.subscribe[data-v-c2b3a9d0] {
	padding: 1.35rem 2rem;
	margin-bottom: 8px;
	min-height: 70px
}

.skeleton-pin.subscribe .skeleton-avatar[data-v-c2b3a9d0] {
	width: 45px;
	height: 45px
}

.skeleton-pin.subscribe .info[data-v-c2b3a9d0] {
	padding-top: 0;
	width: 12rem;
	height: auto
}

.skeleton-pin.subscribe .info .skeleton-row[data-v-c2b3a9d0]:last-of-type {
	width: 5rem;
	margin-bottom: 0
}

.skeleton-pin-header[data-v-c2b3a9d0] {
	display: flex;
	-webkit-box-align: center;
	align-items: center
}

.skeleton-pin-header .skeleton-avatar[data-v-c2b3a9d0] {
	flex: 0 0 auto;
	margin-right: 1.2rem;
	width: 3.75rem;
	height: 3.75rem
}

.skeleton-pin-header .info[data-v-c2b3a9d0] {
	padding-top: .6rem;
	width: 6rem;
	height: 4rem
}

.skeleton-pin-body[data-v-c2b3a9d0] {
	margin-top: .8rem;
	padding: 0 0 0 5rem
}

.iconfont[data-v-5d730852] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-5d730852]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-5d730852]:before {
	content: "\e601"
}

.like-list-box[data-v-5d730852] {
	background-color: #fff
}

.like-list-box .sub-header[data-v-5d730852] {
	display: none
}

@media (max-width:600px) {
	.like-list-box .sub-header[data-v-5d730852] {
		display: flex
	}
}

.iconfont[data-v-553e6e2f] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-553e6e2f]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-553e6e2f]:before {
	content: "\e601"
}

.detail-list.sticky-box[data-v-553e6e2f] {
	padding-top: 4.167rem
}

.list-header[data-v-553e6e2f] {
	position: relative;
	margin: 0;
	padding: 0;
	height: 4.167rem;
	background-color: #fff;
	border-radius: .2rem .2rem 0 0;
	border-bottom: 1px solid #ebebeb;
	z-index: 100
}

.list-header.sticky[data-v-553e6e2f] {
	position: fixed;
	top: 5rem;
	left: 0;
	right: 0;
	border-radius: 0;
	transition: all .2s
}

.list-header.sticky.top[data-v-553e6e2f] {
	top: 0
}

.list-header.sticky .avatar[data-v-553e6e2f],
.list-header.sticky .btn[data-v-553e6e2f] {
	display: block
}

.list-header .header-content[data-v-553e6e2f] {
	display: flex;
	align-items: center;
	margin: 0 auto;
	height: 100%;
	max-width: 960px;
	white-space: nowrap
}

@media (min-width:960px) {
	.list-header .header-content .only-in-scroll-mode[data-v-553e6e2f] {
		display: none
	}
}

@media (max-width:960px) {
	.list-header .header-content[data-v-553e6e2f] {
		max-width: none;
		overflow-x: auto
	}

	.list-header .header-content .not-in-scroll-mode[data-v-553e6e2f] {
		display: none
	}
}

.list-header .avatar[data-v-553e6e2f] {
	flex: 0 0 auto;
	margin: 0 1.6rem;
	width: 2.833rem;
	height: 2.833rem;
	border-radius: 50%;
	cursor: pointer;
	display: none
}

.list-header .nav-item[data-v-553e6e2f] {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 7.5rem;
	height: 100%
}

.list-header .nav-item:not(.active):not(.open):hover .item-count[data-v-553e6e2f],
.list-header .nav-item:not(.active):not(.open):hover .item-title[data-v-553e6e2f] {
	opacity: .8
}

.list-header .nav-item.active[data-v-553e6e2f] {
	box-shadow: inset 0 -2px 0 #3780f7
}

.list-header .nav-item.active .item-count[data-v-553e6e2f],
.list-header .nav-item.active .item-title[data-v-553e6e2f] {
	color: #3780f7
}

.list-header .nav-item .item-title[data-v-553e6e2f] {
	font-size: 1.333rem;
	font-weight: 500;
	color: #31445b
}

.list-header .nav-item .item-count[data-v-553e6e2f] {
	margin-left: .4rem;
	font-size: 1.25rem;
	color: #b2bac2;
	line-height: 1
}

.list-header .nav-item.more .item-count[data-v-553e6e2f] {
	padding-top: .2em
}

.list-header .nav-item .more-panel[data-v-553e6e2f] {
	position: absolute;
	top: 100%;
	left: 50%;
	margin: 0 0 0 -3.75rem;
	padding: .6rem 0;
	width: 7.5rem;
	background-color: #fff;
	border: 1px solid #f3f3f4;
	border-radius: 2px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
	z-index: 1
}

.list-header .nav-item .more-panel[data-v-553e6e2f]:after,
.list-header .nav-item .more-panel[data-v-553e6e2f]:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%
}

.list-header .nav-item .more-panel[data-v-553e6e2f]:before {
	margin: -7px 0 0 -7px;
	border: 7px solid transparent;
	border-top: none;
	border-bottom: 7px solid #f3f3f4
}

.list-header .nav-item .more-panel[data-v-553e6e2f]:after {
	margin: -6px 0 0 -6px;
	border: 6px solid transparent;
	border-top: none;
	border-bottom: 6px solid #fff
}

.list-header .nav-item .more-panel .more-item[data-v-553e6e2f] {
	display: block;
	padding: .6rem 0;
	font-size: 1.25rem;
	text-align: center;
	color: #000
}

.list-header .nav-item .more-panel .more-item[data-v-553e6e2f]:hover {
	background-color: #fcfcfc
}

.list-header .nav-item .more-panel .more-item.active[data-v-553e6e2f] {
	color: #3780f7
}

.list-header .btn[data-v-553e6e2f] {
	flex: 0 0 auto;
	margin: 0 0 0 auto;
	padding: 0;
	height: 2.834rem;
	font-size: 1.333rem;
	font-weight: 500;
	line-height: 1.2;
	border: 1px solid;
	background-color: #fff;
	border-radius: 4px;
	display: none
}

.list-header .btn[data-v-553e6e2f]:hover {
	opacity: .8
}

.list-header .follow-btn[data-v-553e6e2f] {
	width: 9rem;
	color: #6cbd45
}

.list-header .follow-btn.active[data-v-553e6e2f] {
	color: #fff;
	background-color: #6cbd45;
	border-color: #6cbd45
}

.list-header .setting-btn[data-v-553e6e2f] {
	width: 9.834rem;
	color: #3780f7
}

.list-body .empty-box[data-v-553e6e2f] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 4rem 0;
	font-size: 1.167rem;
	font-weight: 500;
	color: #b2bac2;
	cursor: default;
	user-select: none;
	background-color: #fff
}

.list-body .empty-box .empty-text[data-v-553e6e2f] {
	margin-top: 1.2rem
}

[data-v-553e6e2f] .list-body .sub-header {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 0 2.4rem;
	height: 4.167rem;
	white-space: nowrap;
	border-bottom: 1px solid rgba(230, 230, 231, .5)
}

[data-v-553e6e2f] .list-body .sub-header .sub-header-title {
	margin-right: 1rem;
	font-size: 1.25rem;
	font-weight: 600;
	color: #000
}

[data-v-553e6e2f] .list-body .sub-header .sub-type-box {
	margin-left: auto
}

[data-v-553e6e2f] .list-body .sub-header .sub-type-box .sub-type {
	position: relative;
	padding: 1rem 0;
	font-size: 1.167rem;
	color: #72777b
}

[data-v-553e6e2f] .list-body .sub-header .sub-type-box .sub-type.active {
	color: #000
}

[data-v-553e6e2f] .list-body .sub-header .sub-type-box .sub-type:hover {
	opacity: .8
}

[data-v-553e6e2f] .list-body .sub-header .sub-type-box .sub-type:not(:last-child) {
	margin-right: 2rem
}

[data-v-553e6e2f] .list-body .sub-header .sub-type-box .sub-type:not(:last-child):after {
	content: "";
	position: absolute;
	top: 50%;
	right: -1rem;
	margin-top: -.5em;
	width: 1px;
	height: 1em;
	background-color: #b2bac2;
	opacity: .5
}

[data-v-553e6e2f] .entry .content-box {
	padding-left: 2.4rem;
	padding-right: 2.4rem
}

[data-v-553e6e2f] .collection-list-box ul.collection-list {
	padding: 2rem 2.4rem 1.2rem
}

[data-v-553e6e2f] .collection-list-box ul.collection-list .item {
	margin-bottom: .8rem;
	width: calc(50% - .4rem)
}

@media (max-width:600px) {
	[data-v-553e6e2f] .collection-list-box ul.collection-list .item {
		width: 100%
	}
}

.iconfont[data-v-27e2d11b] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-27e2d11b]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-27e2d11b]:before {
	content: "\e601"
}

.user-view[data-v-27e2d11b] {
	display: flex;
	margin-bottom: 6rem
}

.major-area[data-v-27e2d11b] {
	flex: 1 1 auto;
	min-width: 0
}

.minor-area[data-v-27e2d11b] {
	flex: 0 0 auto;
	margin-left: 1rem;
	width: 20rem;
	line-height: 1.2
}

.minor-area .sticky[data-v-27e2d11b] {
	position: fixed;
	top: 6.766999999999999rem;
	width: 20rem;
	transition: all .2s
}

.minor-area .sticky.top[data-v-27e2d11b] {
	top: 1.767rem
}

.minor-area .sticky.with-list-header[data-v-27e2d11b] {
	top: 10.934rem
}

.minor-area .sticky.top.with-list-header[data-v-27e2d11b] {
	top: 5.933999999999999rem
}

@media (max-width:960px) {
	.minor-area[data-v-27e2d11b] {
		display: none
	}
}

.block[data-v-27e2d11b] {
	background-color: #fff;
	border-radius: 2px
}

.user-info-block[data-v-27e2d11b] {
	display: flex;
	padding: 2.5rem
}

@media (max-width:600px) {
	.user-info-block[data-v-27e2d11b] {
		flex-direction: column;
		align-items: center;
		padding: 2rem 2rem 1.67rem
	}
}

.user-info-block .avatar[data-v-27e2d11b] {
	flex: 0 0 auto;
	margin-right: 2.4rem;
	width: 7.5rem;
	height: 7.5rem;
	background-color: #f9f9f9;
	border-radius: 50%
}

.user-info-block .avatar[data-v-27e2d11b]:hover {
	transform: rotate(666turn);
	transition-delay: 1s;
	transition-property: all;
	transition-duration: 59s;
	transition-timing-function: cubic-bezier(.34, 0, .84, 1)
}

@media (max-width:600px) {
	.user-info-block .avatar[data-v-27e2d11b] {
		margin-right: 0
	}
}

.user-info-block .info-box[data-v-27e2d11b] {
	flex: 1 1 auto;
	margin-right: 2rem
}

@media (max-width:600px) {
	.user-info-block .info-box[data-v-27e2d11b] {
		margin: 1rem 0
	}
}

.user-info-block .action-box[data-v-27e2d11b] {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	align-items: flex-end
}

@media (max-width:600px) {
	.user-info-block .action-box[data-v-27e2d11b] {
		align-items: center
	}
}

.user-info-block .action-box .link-box[data-v-27e2d11b] {
	margin-bottom: auto
}

.user-info-block .action-box .btn[data-v-27e2d11b] {
	margin: 1rem 0 0;
	padding: 0;
	height: 2.834rem;
	font-size: 1.333rem;
	font-weight: 500;
	line-height: 1.2;
	border: 1px solid;
	background-color: #fff;
	border-radius: 4px
}

.user-info-block .action-box .btn[data-v-27e2d11b]:hover {
	opacity: .8
}

.user-info-block .action-box .follow-btn[data-v-27e2d11b] {
	width: 9rem;
	color: #6cbd45
}

@media (max-width:700px) {
	.user-info-block .action-box .follow-btn[data-v-27e2d11b] {
		display: none
	}
}

.user-info-block .action-box .follow-btn.active[data-v-27e2d11b] {
	color: #fff;
	background-color: #6cbd45;
	border-color: #6cbd45
}

.user-info-block .action-box .roles-block[data-v-27e2d11b] {
	display: none
}

@media (max-width:600px) {
	.user-info-block .action-box .roles-block[data-v-27e2d11b] {
		display: block
	}
}

.user-info-block .action-box .roles-block span.role[data-v-27e2d11b] {
	display: inline-block;
	margin-top: .67rem;
	height: 18px;
	margin-right: .83rem
}

.user-info-block .action-box .stat-action-block[data-v-27e2d11b] {
	display: none;
	margin-top: 1.5rem;
	margin-bottom: 0;
	align-items: flex-end;
	justify-content: space-between
}

@media (max-width:600px) {
	.user-info-block .action-box .stat-action-block[data-v-27e2d11b] {
		display: flex
	}
}

.user-info-block .action-box .stat-action-block .stat-item[data-v-27e2d11b] {
	display: flex
}

.user-info-block .action-box .stat-action-block .item[data-v-27e2d11b] {
	display: flex;
	flex-grow: 1;
	width: 6.42rem;
	flex-direction: column;
	font-size: 1rem;
	color: #31455d
}

@media (max-width:370px) {
	.user-info-block .action-box .stat-action-block .item[data-v-27e2d11b] {
		width: 5rem
	}
}

.user-info-block .action-box .stat-action-block .item span[data-v-27e2d11b] {
	opacity: .5
}

.user-info-block .action-box .stat-action-block .item .count[data-v-27e2d11b] {
	color: #30445a;
	font-size: 1.33rem;
	font-weight: 500;
	opacity: 1;
	margin-bottom: 4px
}

.user-info-block .action-box .stat-action-block .follow-btn[data-v-27e2d11b],
.user-info-block .action-box .stat-action-block .setting[data-v-27e2d11b] {
	font-weight: 400;
	font-size: 1.17rem;
	color: #007fff;
	justify-content: center;
	align-items: center;
	border: 1px solid;
	background-color: #fff;
	border-radius: .33rem;
	max-height: 2.67rem;
	padding: .5rem
}

.user-info-block .action-box .stat-action-block .follow-btn[data-v-27e2d11b] {
	border-color: #6cbd45;
	color: #6cbd45
}

.user-info-block .action-box .stat-action-block .follow-btn.active[data-v-27e2d11b] {
	color: #fff;
	border: none;
	background-color: #92c452
}

.user-info-block .action-box .setting-btn[data-v-27e2d11b] {
	width: 9.834rem;
	color: #3780f7
}

@media (max-width:700px) {
	.user-info-block .action-box .setting-btn[data-v-27e2d11b] {
		display: none
	}
}

.stat-block[data-v-27e2d11b] {
	margin-bottom: 1rem
}

.stat-block .block-title[data-v-27e2d11b] {
	padding: 1.333rem;
	font-size: 1.333rem;
	font-weight: 600;
	color: #31445b;
	border-bottom: 1px solid rgba(230, 230, 231, .5)
}

.stat-block .block-body[data-v-27e2d11b] {
	padding: 1.333rem
}

.stat-block .block-body .stat-item[data-v-27e2d11b] {
	display: flex;
	align-items: center;
	font-size: 1.25rem;
	color: #000
}

.stat-block .block-body .stat-item[data-v-27e2d11b]:not(:last-child) {
	margin-bottom: .8rem
}

.stat-block .block-body .stat-item .icon[data-v-27e2d11b],
.stat-block .block-body .stat-item .zan[data-v-27e2d11b] {
	flex: 0 0 auto;
	margin-right: 1.2rem
}

.stat-block .block-body .stat-item .count[data-v-27e2d11b] {
	margin: 0 .3em;
	font-weight: 500
}

.follow-block[data-v-27e2d11b] {
	display: flex;
	position: relative;
	margin-bottom: 1rem
}

.follow-block[data-v-27e2d11b]:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 50%;
	background-color: #f3f3f4;
	transform: translate(-50%, -50%)
}

.follow-block .follow-item[data-v-27e2d11b] {
	flex: 1 1 auto;
	padding: 1.333rem 0;
	text-align: center;
	color: #31445b
}

.follow-block .follow-item[data-v-27e2d11b]:hover {
	opacity: .8
}

.follow-block .follow-item .item-title[data-v-27e2d11b] {
	font-size: 1.333rem;
	font-weight: 500
}

.follow-block .follow-item .item-count[data-v-27e2d11b] {
	margin-top: .5rem;
	font-size: 1.25rem;
	font-weight: 600
}

.more-block[data-v-27e2d11b] {
	background-color: transparent
}

.more-block .more-item[data-v-27e2d11b] {
	display: flex;
	padding: 1.25rem .417rem;
	font-size: 1.25rem;
	color: #000;
	border-top: 1px solid rgba(230, 230, 231, .5)
}

.more-block .more-item[data-v-27e2d11b]:last-child {
	border-bottom: 1px solid rgba(230, 230, 231, .5)
}

.more-block .more-item[data-v-27e2d11b]:hover {
	opacity: .8
}

.more-block .more-item .item-title[data-v-27e2d11b] {
	margin-right: auto
}

.list-block[data-v-27e2d11b] {
	margin-top: 1rem
}

.iconfont[data-v-5b2a35c6] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-5b2a35c6]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-5b2a35c6]:before {
	content: "\e601"
}

.tag-view[data-v-5b2a35c6] {
	margin-bottom: 4rem
}

.tag-info-box[data-v-5b2a35c6] {
	position: relative;
	height: 150px;
	background-color: #f8f9fa;
	border-bottom: 1px solid #f1f1f1
}

.tag-info-box.bg .tag-info[data-v-5b2a35c6] {
	color: #fff
}

.tag-info-box .background[data-v-5b2a35c6],
.tag-info-box .tag-info[data-v-5b2a35c6] {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%
}

.tag-info-box .tag-info[data-v-5b2a35c6] {
	text-align: center;
	color: #666;
	padding: 4rem 0;
	box-sizing: border-box
}

.tag-info-box .tag-info .title[data-v-5b2a35c6] {
	font-size: 25px;
	line-height: 30px;
	font-weight: 700;
	margin-bottom: .3rem
}

.list-header[data-v-5b2a35c6] {
	justify-content: space-between;
	padding: .3rem
}

.list-header .left[data-v-5b2a35c6],
.list-header[data-v-5b2a35c6] {
	display: flex;
	align-items: center
}

.list-header .left .tag-icon[data-v-5b2a35c6] {
	height: 2rem;
	margin-right: 2rem
}

.list-header .nav-list[data-v-5b2a35c6] {
	display: flex;
	align-items: center
}

.list-header .nav-list .nav-item[data-v-5b2a35c6] {
	font-size: 1.3rem;
	margin-left: 2rem
}

.list-header .nav-list .nav-item.active[data-v-5b2a35c6] {
	color: #007fff
}

.list-header .subscribe-btn[data-v-5b2a35c6] {
	white-space: nowrap
}

.root-view-bg[data-v-0a1c3efc] {
	background-color: #fff
}

.collection-header[data-v-0a1c3efc] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 15.5rem
}

.collection-header .bg-box[data-v-0a1c3efc] {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0
}

.collection-header .bg-box .bg[data-v-0a1c3efc],
.collection-header .bg-box .mask[data-v-0a1c3efc] {
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none
}

.collection-header .bg-box .mask[data-v-0a1c3efc] {
	background-image: linear-gradient(hsla(0, 0%, 55.7%, .3), rgba(70, 70, 70, .7)), linear-gradient(hsla(0, 0%, 43.1%, .3), hsla(0, 0%, 43.1%, .3))
}

.collection-header .edit-bg-btn[data-v-0a1c3efc] {
	position: absolute;
	top: 2rem;
	right: 3rem;
	cursor: pointer
}

.collection-header .edit-bg-btn[data-v-0a1c3efc]:hover {
	opacity: .6
}

.collection-header .bg-input[data-v-0a1c3efc] {
	display: none
}

.collection-header .title[data-v-0a1c3efc] {
	position: relative;
	margin: 0;
	color: #fff;
	font-size: 2.667rem;
	font-weight: 700
}

.collection-header .title.editing[data-v-0a1c3efc] {
	padding: 0;
	min-width: 12em;
	max-width: 100%;
	text-align: center;
	background-color: transparent;
	border: none;
	outline: none
}

.collection-header .description[data-v-0a1c3efc] {
	position: relative;
	margin: 1em 0 0;
	color: #fff;
	font-size: 1.167rem
}

.collection-header .description.editing[data-v-0a1c3efc] {
	padding: 0;
	min-width: 24em;
	max-width: 100%;
	text-align: center;
	background-color: transparent;
	border: none;
	outline: none
}

.collection-header .description.empty[data-v-0a1c3efc] {
	color: hsla(0, 0%, 100%, .4)
}

.collection-header .edit-btn[data-v-0a1c3efc] {
	position: absolute;
	top: 50%;
	left: 100%;
	transform: translate(100%, -50%);
	cursor: pointer
}

.collection-header .edit-btn[data-v-0a1c3efc]:hover {
	opacity: .6
}

.container[data-v-0a1c3efc] {
	padding: 0 2rem;
	box-sizing: border-box
}

.info-box[data-v-0a1c3efc] {
	position: relative;
	padding: 1.5rem 0;
	line-height: 1;
	background-color: #f8f9fa
}

.info-box .container[data-v-0a1c3efc] {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.info-box .container[data-v-0a1c3efc]:after {
	content: none
}

.info-box .info-list[data-v-0a1c3efc] {
	display: flex;
	align-items: center;
	font-size: 1.167rem;
	color: #909090
}

.info-box .info-list.right[data-v-0a1c3efc] {
	float: right
}

.info-box .info-list .item[data-v-0a1c3efc] {
	float: left
}

.info-box .info-list.left .item[data-v-0a1c3efc]:not(:last-child):not(.follow):after {
	content: "·";
	margin: 0 .5em
}

.info-box .follow-btn[data-v-0a1c3efc] {
	margin: 0 1rem 0 0;
	padding: 0;
	width: 6rem;
	height: 2.3rem;
	color: #83c73a;
	background-color: #fff;
	border: 1px solid
}

.info-box .follow-btn[data-v-0a1c3efc]:hover {
	color: #3cb40e
}

.info-box .follow-btn.followed[data-v-0a1c3efc] {
	color: #fff;
	background-color: #83c73a;
	border-color: #83c73a
}

.info-box .follow-btn.followed[data-v-0a1c3efc]:hover {
	color: #fff;
	background-color: #3cb40e;
	border-color: #3cb40e
}

.info-box .share-btn[data-v-0a1c3efc] {
	position: relative;
	padding: 0 .5em;
	color: inherit;
	background-color: transparent;
	border: none;
	outline: none
}

.info-box .share-btn .icon[data-v-0a1c3efc] {
	margin-right: .5em;
	height: 1em;
	vertical-align: bottom
}

.info-box .share-btn.wechat:hover .qrcode-panel[data-v-0a1c3efc] {
	display: block
}

.info-box .line[data-v-0a1c3efc] {
	display: inline-block;
	margin: 0 .5em;
	height: 1em;
	width: 1px;
	background-color: #ddd
}

.info-box .qrcode-panel[data-v-0a1c3efc] {
	position: absolute;
	top: 180%;
	left: 0;
	padding: 1rem;
	text-align: center;
	background-color: #fff;
	border: 1px solid #ddd;
	z-index: 10;
	display: none
}

.info-box .qrcode-panel .qrcode-title[data-v-0a1c3efc] {
	display: block;
	margin: 0 0 1rem
}

.info-box .qrcode-panel .qrcode[data-v-0a1c3efc] {
	width: 9.5rem;
	height: 9.5rem;
	image-rendering: pixelated
}

.info-box .menu-btn[data-v-0a1c3efc] {
	display: flex;
	align-items: center;
	position: relative;
	margin-left: .5em;
	height: 1.3em;
	cursor: pointer
}

.info-box .menu-btn .icon[data-v-0a1c3efc] {
	font-size: 2rem
}

.info-box .menu-btn:hover .menu[data-v-0a1c3efc] {
	display: block
}

.info-box .menu-btn .menu[data-v-0a1c3efc] {
	position: absolute;
	top: 120%;
	right: -.5em;
	font-size: .9em;
	background-color: #fff;
	border: 1px solid #ddd;
	white-space: nowrap;
	z-index: 10;
	display: none
}

.info-box .menu-btn .menu .menu-item[data-v-0a1c3efc] {
	padding: 1em
}

.info-box .menu-btn .menu .menu-item[data-v-0a1c3efc]:hover {
	color: #333;
	background-color: #f9f9f9
}

.list-header[data-v-0a1c3efc] {
	padding: 1.6rem 0 0;
	border-bottom: none
}

.list-header .more-link[data-v-0a1c3efc] {
	font-size: 1.167rem
}

.list-header .more-link .more-icon[data-v-0a1c3efc] {
	font-size: 1.1em
}

.list-header .more-link .avatar[data-v-0a1c3efc] {
	margin: 0 .5rem;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	vertical-align: bottom
}

.list-header .nav-list[data-v-0a1c3efc] {
	font-size: 1.334rem;
	color: #909090
}

.list-header .nav-list .nav-item[data-v-0a1c3efc]:not(:last-child):after {
	content: "|";
	margin: 1rem;
	color: #ddd
}

.entry-list[data-v-0a1c3efc] {
	margin-bottom: 4rem
}

.entry-list>.container[data-v-0a1c3efc] {
	padding: 0
}

@media (max-width:600px) {
	.info-box .info-list[data-v-0a1c3efc] {
		font-size: 1rem
	}

	.info-box .info-list.right[data-v-0a1c3efc] {
		display: none
	}
}

.iconfont[data-v-2fc73f70] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-2fc73f70]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-2fc73f70]:before {
	content: "\e601"
}

.action-box[data-v-2fc73f70] {
	display: flex;
	height: 3.92rem;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	background: #fff
}

@media (max-width:600px) {
	.action-box .action[data-v-2fc73f70] {
		flex: 1 1 50%
	}

	.action-box .share-action[data-v-2fc73f70] {
		display: none
	}
}

.action[data-v-2fc73f70] {
	flex: 1 1 33.333%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 100%;
	cursor: pointer;
	user-select: none
}

.action:hover .action-title-box[data-v-2fc73f70] {
	opacity: .8
}

.action[data-v-2fc73f70]:not(:last-child):after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -1rem;
	width: 1px;
	height: 2rem;
	background-color: #ebebeb
}

.action.praise-action.active .action-title[data-v-2fc73f70] {
	color: #37c700
}

.action-title-box[data-v-2fc73f70] {
	display: flex;
	align-items: center;
	justify-content: center
}

.action-title-box .icon[data-v-2fc73f70] {
	width: 18px;
	height: 18px
}

.action-title-box .action-title[data-v-2fc73f70] {
	margin-left: .3em;
	font-size: 13px;
	font-weight: 500;
	color: #8a93a0
}

.app-link[data-v-1176ec55] {
	display: flex;
	align-items: center;
	padding: 1.3rem
}

.app-link:hover .close-btn[data-v-1176ec55] {
	display: block
}

.qr-img[data-v-1176ec55] {
	margin-right: .5rem;
	width: 4.167rem;
	height: 4.167rem
}

.headline[data-v-1176ec55] {
	font-size: 1.167rem;
	font-weight: 600;
	color: #333
}

.desc[data-v-1176ec55] {
	margin-top: .5rem;
	font-size: 1rem;
	color: #909090
}

.close-btn[data-v-1176ec55] {
	position: absolute;
	top: .5rem;
	right: .5rem;
	padding: .3rem .5rem;
	font-size: 1rem;
	color: #999;
	opacity: .3;
	cursor: pointer;
	z-index: 1;
	display: none
}

.close-btn[data-v-1176ec55]:hover {
	opacity: 1
}

.item[data-v-86a319a2] {
	display: block;
	padding: .8rem 1.3rem
}

.item[data-v-86a319a2]:hover {
	background-color: hsla(0, 0%, 85.1%, .1)
}

.entry-title[data-v-86a319a2] {
	font-size: 1.16rem;
	color: #333
}

.entry-meta-box[data-v-86a319a2] {
	margin-top: .4rem
}

.entry-meta[data-v-86a319a2] {
	display: inline-block;
	margin-right: 1.5rem;
	font-size: 1.1rem;
	color: #c2c2c2
}

.entry-meta .count[data-v-86a319a2] {
	color: #b2bac2;
	margin-left: .4rem
}

.entry-meta .icon[data-v-86a319a2] {
	vertical-align: sub
}

.iconfont[data-v-1c7e4b22] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-1c7e4b22]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-1c7e4b22]:before {
	content: "\e601"
}

.title[data-v-1c7e4b22] {
	font-size: 1.16rem;
	cursor: pointer;
	color: #333
}

.title[data-v-1c7e4b22]:hover {
	color: #275b8c
}

.meta-list[data-v-1c7e4b22] {
	display: flex;
	align-items: center;
	margin-top: .5rem
}

.meta-list .item[data-v-1c7e4b22] {
	margin-right: 1rem;
	color: #909090;
	font-size: 1rem
}

.meta-list .icon[data-v-1c7e4b22] {
	vertical-align: top;
	margin-right: .3rem
}

.iconfont[data-v-9d71d4aa] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-9d71d4aa]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-9d71d4aa]:before {
	content: "\e601"
}

.aside[data-v-9d71d4aa] {
	border-right: 1px solid #f1f1f1;
	background-color: #f8f9fa;
	padding: 0 2.5rem;
	height: 100%
}

.aside .block-header[data-v-9d71d4aa] {
	padding-top: 2.5rem;
	margin: 0 0 1.3rem;
	font-size: 1.3rem
}

.aside .share .item[data-v-9d71d4aa] {
	position: relative;
	border-radius: 20px;
	border: 1px solid #ddd;
	background-color: transparent;
	font-size: 1rem;
	padding: .27rem 1.74rem;
	cursor: pointer;
	margin-top: .4rem;
	margin-bottom: .4rem;
	margin-right: .6rem;
	line-height: 1.7rem;
	display: inline-block;
	vertical-align: middle
}

.aside .share .item .inline[data-v-9d71d4aa] {
	height: 1.3rem;
	vertical-align: middle;
	margin-right: .6rem
}

.aside .share .item.wechat:hover .qr-code[data-v-9d71d4aa] {
	display: block;
	image-rendering: pixelated
}

.aside .share .item.wechat .qr-code[data-v-9d71d4aa] {
	position: absolute;
	top: 120%;
	left: 50%;
	width: 10rem;
	height: 10rem;
	border: .5rem solid #fff;
	box-shadow: 0 .5em .5em #ddd;
	transform: translate(-50%);
	display: none;
	z-index: 1
}

.aside .tag .item[data-v-9d71d4aa] {
	display: inline-block;
	position: relative
}

.aside .tag .item a[data-v-9d71d4aa] {
	display: block;
	background-color: #fff;
	padding: .6rem 1rem;
	margin: .5rem .5rem .5rem 0;
	cursor: pointer;
	border-radius: 2px;
	font-size: 1rem;
	line-height: 1.5rem;
	border: 1px solid #f1f1f1;
	color: #909090
}

.aside .attender-list .item[data-v-9d71d4aa],
.aside .liker-list .item[data-v-9d71d4aa] {
	display: inline-block;
	position: relative;
	width: 2.7rem;
	height: 2.7rem;
	margin: .3rem;
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer
}

.aside .attender-list .item.more[data-v-9d71d4aa],
.aside .liker-list .item.more[data-v-9d71d4aa] {
	text-align: center;
	line-height: 2.7rem;
	vertical-align: top;
	color: #909090;
	background-color: #fff
}

.aside .attender-list .item .avatar[data-v-9d71d4aa],
.aside .liker-list .item .avatar[data-v-9d71d4aa] {
	width: 2.7rem;
	height: 2.7rem;
	border-radius: 50%
}

.aside .like[data-v-9d71d4aa] {
	padding-bottom: 60px
}

.aside .related-entry-block .item[data-v-9d71d4aa] {
	position: relative;
	margin: .6rem 0 1.3rem
}

.aside .participant[data-v-9d71d4aa] {
	padding-bottom: 2.5rem
}

.aside .aside-block.app[data-v-9d71d4aa] {
	background-color: #fff;
	margin-top: 30px
}

.banner-wx[data-v-9d71d4aa] {
	margin-top: 30px
}

.collection-block .title[data-v-9d71d4aa] {
	display: block;
	font-size: 1.16rem;
	color: #333
}

.collection-block .title[data-v-9d71d4aa]:hover {
	color: #275b8c
}

.collection-block .meta[data-v-9d71d4aa] {
	margin-top: .5rem;
	font-size: 1rem;
	color: #909090
}

@media (max-width:600px) {
	.aside[data-v-9d71d4aa] {
		display: none
	}
}

.iconfont[data-v-051096d4] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-051096d4]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-051096d4]:before {
	content: "\e601"
}

.entry-detail-panel[data-v-051096d4] {
	width: 960px;
	margin: auto;
	box-sizing: border-box
}

.header[data-v-051096d4] {
	width: 100%;
	height: 200px;
	position: relative;
	background-color: #007fff;
	z-index: 1
}

.header-background-image[data-v-051096d4] {
	width: 100%;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0
}

.mask[data-v-051096d4] {
	content: "";
	display: block;
	background-color: rgba(0, 0, 0, .4);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.header-entry-info[data-v-051096d4] {
	position: absolute;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 0 2rem 2.2rem 4rem
}

.header-entry-info .title[data-v-051096d4] {
	color: #fff
}

.header-entry-info .action-box[data-v-051096d4] {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.header-entry-info .action-box .action-list[data-v-051096d4] {
	display: flex;
	align-items: center
}

.header-entry-info .action-box .action-list .read-btn[data-v-051096d4] {
	font-size: 1.16rem;
	font-weight: 700;
	padding: .6rem 1rem;
	margin-right: 1.3rem
}

.header-entry-info .action-box .action-list .like-btn[data-v-051096d4] {
	font-size: 1.16rem;
	font-weight: 700;
	padding: .4rem 1rem;
	margin-right: 1.3rem;
	background-color: transparent;
	color: #fff;
	border: 1px solid
}

.header-entry-info .action-box .action-list .like-btn.liked[data-v-051096d4],
.header-entry-info .action-box .action-list .like-btn.liked span[data-v-051096d4] {
	color: #6cbd45
}

.header-entry-info .action-box .action-list .like-btn .icon[data-v-051096d4] {
	margin-right: .3rem;
	vertical-align: middle
}

.header-entry-info .action-box .action-list .collect-btn[data-v-051096d4] {
	font-size: 1.16rem;
	padding: .4rem 1rem;
	color: #fff;
	background-color: transparent;
	border: 1px solid;
	position: relative
}

.header-entry-info .action-box .action-list .collect-btn[data-v-051096d4]:hover {
	background-color: hsla(0, 0%, 100%, .15)
}

.header-entry-info .action-box .action-list .collect-btn.active[data-v-051096d4] {
	background-color: #83c73a;
	border-color: #83c73a
}

.header-entry-info .action-box .action-list .collect-btn.active[data-v-051096d4]:hover {
	background-color: #76b433;
	border-color: #76b433
}

.header-entry-info .action-box .action-list .collect-btn .icon[data-v-051096d4] {
	margin-right: .3rem;
	vertical-align: middle
}

.header-entry-info .action-box .meta-tag-list .item[data-v-051096d4] {
	float: left;
	margin-left: .5rem;
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
	font-size: 1rem;
	padding: .3rem .6rem;
	border-radius: 2px;
	cursor: pointer
}

.header-entry-info .action-box .meta-tag-list .item.hot[data-v-051096d4] {
	color: #ff8900;
	border-color: #ff8900
}

.main[data-v-051096d4] {
	display: flex
}

.main .entry-detail-left[data-v-051096d4] {
	background-color: #fff;
	border-left: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
	width: 660px
}

.main .entry-detail-left .info-section[data-v-051096d4] {
	padding: 2.7rem 2.7rem 1.5rem 10.6rem;
	border-bottom: 1px solid #f1f1f1;
	position: relative
}

.main .entry-detail-left .info-title[data-v-051096d4] {
	display: flex;
	align-items: center;
	font-size: 1.2rem;
	color: #909090;
	white-space: nowrap
}

.main .entry-detail-left .info-title .user-info-block[data-v-051096d4] {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	align-items: center;
	margin-right: 2rem;
	overflow: hidden
}

.main .entry-detail-left .info-title .user-info-block .avatar[data-v-051096d4] {
	position: absolute;
	width: 2.7rem;
	height: 2.7rem;
	top: 2.3rem;
	left: 7rem;
	border-radius: 50%
}

.main .entry-detail-left .info-title .user-info-block .username[data-v-051096d4] {
	color: #333;
	font-size: 1.2rem;
	font-weight: 600
}

.main .entry-detail-left .info-title .user-info-block .user-link[data-v-051096d4] {
	flex: 0 0 auto;
	margin-right: .6rem;
	min-width: 0
}

.main .entry-detail-left .info-title .user-info-block .position[data-v-051096d4] {
	flex: 0 1 auto;
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.main .entry-detail-left .info-title .entry-info[data-v-051096d4] {
	margin: 0 0 0 auto
}

.main .entry-detail-left .banner-section[data-v-051096d4] {
	margin: 2rem 2rem 0
}

@media (min-width:960px) {
	.main .entry-detail-left .banner-section[data-v-051096d4] {
		display: none
	}
}

.main .entry-detail-left .abstract[data-v-051096d4] {
	padding: .7rem 1.2rem .4rem 1.3rem;
	border-left: 2px solid #ddd;
	word-break: break-all;
	white-space: pre-wrap;
	font-size: 1.25rem;
	line-height: 1.5;
	color: #333;
	margin-top: 1rem
}

.main .entry-detail-left .edit[data-v-051096d4] {
	float: right;
	cursor: pointer
}

.main .entry-detail-left .edit .icon[data-v-051096d4] {
	margin-right: .3em
}

.main .entry-detail-left .entry-info-mobile[data-v-051096d4] {
	margin-top: 1rem;
	font-size: 1.2rem;
	color: #909090;
	display: none
}

.main .section[data-v-051096d4]:after {
	display: table;
	content: "";
	clear: both
}

.main .comment-section[data-v-051096d4] {
	padding: 2.7rem
}

.main .comment-form[data-v-051096d4] {
	margin-bottom: 1rem
}

.main .comment-list-header[data-v-051096d4] {
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #f5f5f5
}

.main .entry-detail-right[data-v-051096d4] {
	width: 300px
}

@media (max-width:600px) {
	.entry-detail-panel[data-v-051096d4] {
		width: 100%
	}

	.entry-detail-right[data-v-051096d4] {
		display: none
	}

	.header-entry-info[data-v-051096d4] {
		padding: 0 2rem 2.2rem
	}

	.header-entry-info .title[data-v-051096d4] {
		font-size: 1.4rem
	}

	.main .entry-detail-left[data-v-051096d4] {
		width: 100%
	}

	.main .entry-detail-left .info-section[data-v-051096d4] {
		padding: 2rem
	}

	.main .entry-detail-left .info-title .entry-info[data-v-051096d4],
	.main .entry-detail-left .info-title .user-info .avatar[data-v-051096d4] {
		display: none
	}

	.main .entry-detail-left .entry-info-mobile[data-v-051096d4] {
		display: block
	}

	.main .comment-section[data-v-051096d4] {
		padding: 2rem
	}

	.meta-tag-list[data-v-051096d4] {
		display: none
	}
}

.iconfont[data-v-f4fec0f0] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-f4fec0f0]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-f4fec0f0]:before {
	content: "\e601"
}

.aside[data-v-f4fec0f0] {
	width: 20rem;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1
}

.aside.sticky .sticky-section-box[data-v-f4fec0f0] {
	position: fixed;
	top: 10.5rem;
	width: 20rem;
	transition: all .2s
}

.aside.sticky.top .sticky-section-box[data-v-f4fec0f0] {
	top: 5.5rem
}

.aside .section[data-v-f4fec0f0] {
	background-color: #fff;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
	border-radius: 2px;
	font-size: 1.16rem;
	line-height: 1.29;
	color: #333
}

.aside .section[data-v-f4fec0f0]:not(:last-child) {
	margin-bottom: 1.3rem
}

.aside .section.top-section .aside-header[data-v-f4fec0f0] {
	padding: 1rem 1.3rem;
	border-bottom: 1px solid hsla(0, 0%, 59.2%, .1);
	color: #333;
	font-size: 1.16rem
}

.aside .section.top-section .aside-list[data-v-f4fec0f0] {
	padding: 1rem 1.3rem
}

.aside .section.top-section .aside-list .item[data-v-f4fec0f0] {
	margin-bottom: 1.5rem
}

.aside .section.top-section .aside-list .link[data-v-f4fec0f0] {
	display: block;
	position: relative
}

.aside .section.top-section .aside-list .title[data-v-f4fec0f0] {
	color: #333;
	font-size: 1.16rem;
	cursor: pointer;
	transition: all .3s;
	word-break: break-all
}

.aside .section.top-section .aside-list .title[data-v-f4fec0f0]:hover {
	color: #007fff
}

.aside .section.top-section .aside-list .meta-list[data-v-f4fec0f0] {
	display: flex;
	margin: .6rem 0 1.3rem;
	font-size: 1.1rem;
	color: #c2c2c2
}

.aside .section.top-section .aside-list .meta-list .meta[data-v-f4fec0f0] {
	display: flex;
	justify-content: center;
	margin-right: 1.5rem
}

.aside .section.top-section .aside-list .meta-list .meta .icon[data-v-f4fec0f0] {
	margin-right: .4rem
}

.column-entry-list[data-v-f4fec0f0] {
	width: 700px;
	background-color: #fff;
	border-radius: 2px
}

.column-entry-list .list-header[data-v-f4fec0f0] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.3rem 2rem
}

.column-entry-list .list-title[data-v-f4fec0f0] {
	font-size: 1.3rem;
	color: #000
}

.column-entry-list .nav-item[data-v-f4fec0f0] {
	padding: 0 .8rem;
	font-size: 1.16rem;
	border-right: 1px solid hsla(0, 0%, 59.2%, .2)
}

.column-entry-list .nav-item.active a[data-v-f4fec0f0] {
	color: #007fff
}

.column-entry-list .nav-item[data-v-f4fec0f0]:last-child {
	border: none;
	padding-right: 0
}

@media (max-width:600px) {
	.aside[data-v-f4fec0f0] {
		display: none
	}

	.column-entry-list[data-v-f4fec0f0] {
		width: 100%
	}
}

.book-list .book[data-v-5f2cb6b0] {
	cursor: pointer;
	display: flex;
	padding: 15px
}

.book-list .book[data-v-5f2cb6b0]:hover {
	background-color: #f8f8f8
}

.book-list .book .poster[data-v-5f2cb6b0] {
	margin-right: 10px;
	flex-shrink: 0;
	height: 72px;
	width: 52px;
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .26)
}

.book-list .book .poster .poster-img[data-v-5f2cb6b0] {
	width: 100%;
	height: 100%
}

.book-list .book .info[data-v-5f2cb6b0] {
	flex-grow: 1
}

.book-list .book .info .title[data-v-5f2cb6b0] {
	max-height: 52px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 5px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

.book-list .book .info .bought[data-v-5f2cb6b0] {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.book-list .book .info .bought .num[data-v-5f2cb6b0] {
	font-size: 12px;
	color: #878c90
}

.book-list .book .info .bought .try-read[data-v-5f2cb6b0] {
	height: 20px;
	color: #fff;
	font-size: 12px;
	padding-left: 5px;
	line-height: 20px;
	padding-right: 5px;
	border-radius: 2px;
	background-color: #007fff;
	display: flex;
	align-items: center
}

.book-list .book .info .bought .try-read[data-v-5f2cb6b0]:after {
	width: 0;
	height: 0;
	content: "";
	display: inline-block;
	margin-left: 3px;
	border-color: transparent transparent transparent #fff;
	border-style: solid;
	border-width: 3px 0 3px 3px
}

.slide-book-list .item[data-v-613db67e] {
	padding: 10px 15px;
	display: flex;
	justify-content: center;
	cursor: pointer
}

.slide-book-list .item .poster[data-v-613db67e] {
	width: 52px;
	height: 72px;
	flex-shrink: 0
}

.slide-book-list .item .poster .poster-img[data-v-613db67e] {
	height: 100%;
	width: 100%
}

.slide-book-list .item[data-v-613db67e]:hover {
	background-color: #f8f8f8
}

.slide-book-list .item:hover .img-box img[data-v-613db67e] {
	transform: translateZ(0)
}

.slide-book-list .item .content-text[data-v-613db67e] {
	flex-grow: 1;
	margin-left: 10px
}

.slide-book-list .item .content-text .title[data-v-613db67e] {
	color: #000;
	font-size: 14px;
	line-height: 1.3;
	font-weight: 500
}

.slide-book-list .item .content-text .price[data-v-613db67e] {
	display: inline-flex;
	margin-top: 6px
}

.slide-book-list .item .content-text .price .new[data-v-613db67e] {
	margin-right: 6px;
	color: #fc4544
}

.slide-book-list .item .content-text .price .delete[data-v-613db67e] {
	color: #878c90;
	text-decoration: line-through
}

.slide-book[data-v-9fd0d9d0] {
	position: relative;
	height: 185px;
	overflow: hidden
}

.slide-book .item[data-v-9fd0d9d0] {
	position: absolute
}

.fade-enter-active[data-v-9fd0d9d0],
.fade-leave-active[data-v-9fd0d9d0] {
	position: absolute;
	left: 0;
	width: 100%;
	transition: all .25s ease
}

.fade-enter-to[data-v-9fd0d9d0],
.fade-leave[data-v-9fd0d9d0] {
	transform: translateX(0)
}

.transition--prev .fade-leave-to[data-v-9fd0d9d0] {
	transform: translateX(100%)
}

.transition--next .fade-leave-to[data-v-9fd0d9d0],
.transition--prev .fade-enter[data-v-9fd0d9d0] {
	transform: translateX(-100%)
}

.transition--next .fade-enter[data-v-9fd0d9d0] {
	transform: translateX(100%)
}

.index-book-collect[data-v-9fd0d9d0] {
	background-color: #fff;
	border-radius: 2px;
	margin-bottom: 1.5rem;
	overflow: hidden
}

.index-book-collect .header[data-v-9fd0d9d0] {
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 15px;
	padding-right: 15px;
	border-bottom: 1px solid #f6f6f6
}

.index-book-collect .header .title[data-v-9fd0d9d0] {
	line-height: 45px;
	padding-right: 5px;
	font-size: 14px;
	flex-grow: 1
}

.index-book-collect .header .controllers[data-v-9fd0d9d0] {
	height: 12px;
	font-size: 12px;
	color: #7d7d7d;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.index-book-collect .header .controllers .arrow[data-v-9fd0d9d0] {
	cursor: pointer;
	line-height: 1;
	width: 5px;
	padding: 0 6px
}

.index-book-collect .header .controllers .arrow[data-v-9fd0d9d0]:hover {
	color: #007fff
}

.index-aside[data-v-391f1edb] {
	width: 20rem;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1
}

.index-aside.sticky .sticky-block[data-v-391f1edb] {
	opacity: 1;
	top: 127px;
	z-index: 5;
	pointer-events: all
}

.index-aside.sticky.top .sticky-block[data-v-391f1edb] {
	top: 67px
}

.sidebar-block[data-v-391f1edb] {
	background-color: #fff;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
	border-radius: 2px;
	margin-bottom: 1.3rem;
	font-size: 1.16rem;
	line-height: 1.29;
	color: #333
}

.sidebar-block li[data-v-391f1edb] {
	list-style: none
}

.sidebar-block.banner-block[data-v-391f1edb] {
	overflow: hidden
}

.sidebar-block.banner-block .banner[data-v-391f1edb] {
	height: 200px
}

.sidebar-block.sticky-block[data-v-391f1edb] {
	position: fixed;
	background-color: transparent;
	box-shadow: none;
	opacity: 0;
	transition: all .2s;
	width: 20rem;
	z-index: -1;
	top: 67px;
	pointer-events: none
}

.sidebar-block.sticky-block .sticky-author-block[data-v-391f1edb] {
	margin-bottom: 1.3rem
}

.sidebar-block.sticky-block .sticky-banner[data-v-391f1edb] {
	height: 200px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
	border-radius: 2px;
	overflow: hidden
}

.sidebar-block.sticky-block .sticky-banner[data-v-391f1edb]:not(:last-child) {
	margin-bottom: 1.3rem
}

.sidebar-block.user-block .user-block-header[data-v-391f1edb] {
	padding: 1rem 1.3rem;
	border-bottom: 1px solid hsla(0, 0%, 59.2%, .1)
}

.sidebar-block.user-block .item .link[data-v-391f1edb] {
	padding: 1rem 1.3rem;
	display: flex;
	align-items: center;
	cursor: pointer
}

.sidebar-block.user-block .item .link[data-v-391f1edb]:hover {
	background-color: hsla(0, 0%, 84.7%, .1)
}

.sidebar-block.user-block .item .link .avatar[data-v-391f1edb] {
	flex: 0 0 auto;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	margin-right: .8rem
}

.sidebar-block.user-block .item .link .user-info[data-v-391f1edb] {
	overflow: hidden
}

.sidebar-block.user-block .item .link .username[data-v-391f1edb] {
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.sidebar-block.user-block .item .link .position[data-v-391f1edb] {
	color: #909090;
	font-size: 1rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.sidebar-block.user-block .item .more[data-v-391f1edb] {
	color: #909090;
	padding: 1rem 0;
	text-align: center;
	border-top: 1px solid hsla(0, 0%, 59.2%, .1)
}

.sidebar-block.user-block .item .more[data-v-391f1edb]:hover {
	cursor: pointer;
	color: #007fff
}

.sidebar-block.link-block .link-list[data-v-391f1edb] {
	padding: 0
}

.sidebar-block.link-block .item[data-v-391f1edb] {
	position: relative
}

.sidebar-block.link-block .item[data-v-391f1edb]:hover {
	background-color: hsla(0, 0%, 84.7%, .1)
}

.sidebar-block.link-block .link[data-v-391f1edb] {
	display: flex;
	align-items: center;
	padding: 1rem;
	height: 100%
}

.sidebar-block.link-block .icon[data-v-391f1edb] {
	width: 3rem;
	margin-right: .8rem
}

.sidebar-block.link-block .title[data-v-391f1edb] {
	position: relative;
	font-size: 1.16rem;
	line-height: 1;
	color: #333
}

.sidebar-block.more-block[data-v-391f1edb] {
	background-color: transparent;
	box-shadow: none
}

.sidebar-block.more-block .more-list[data-v-391f1edb] {
	font-size: 1rem;
	line-height: 1.6;
	color: #9aa3ab
}

.sidebar-block.more-block .more-list[data-v-391f1edb]:after {
	display: table;
	content: "";
	clear: both
}

.sidebar-block.more-block .more-list .item[data-v-391f1edb] {
	float: left
}

.sidebar-block.more-block .more-list .item[data-v-391f1edb]:not(:last-child):after {
	content: "·";
	margin: 0 .5rem;
	color: #c6cfda
}

@media (max-width:960px) {
	.index-aside[data-v-391f1edb] {
		display: none
	}
}

.verify-email-alert[data-v-1526ff4e] {
	padding: .5rem 1rem;
	font-size: 1.1rem;
	line-height: 1.5;
	color: #333;
	background-color: #e3eff9
}

.content[data-v-1526ff4e] {
	margin-right: 4rem;
	text-align: center
}

.btn[data-v-1526ff4e] {
	color: #007fff;
	cursor: pointer
}

.close-btn[data-v-1526ff4e] {
	float: right
}

.iconfont[data-v-8a071a6a] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-8a071a6a]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-8a071a6a]:before {
	content: "\e601"
}

.author-info[data-v-8a071a6a] {
	display: flex;
	align-items: center
}

.author-info .user-link[data-v-8a071a6a] {
	font-size: 0
}

.author-info .avatar[data-v-8a071a6a] {
	flex: 0 0 auto;
	width: 3.75rem;
	height: 3.75rem;
	border-radius: 50%
}

.author-info-content[data-v-8a071a6a] {
	margin-left: 1rem;
	font-size: 15px;
	color: #8a9aa9
}

.author-info-content span[data-v-8a071a6a] {
	margin: 0 4px
}

.author-info-head[data-v-8a071a6a] {
	display: flex;
	align-items: center
}

.username[data-v-8a071a6a] {
	font-weight: 600;
	font-size: 15px;
	color: #17181a
}

.meta-box[data-v-8a071a6a] {
	display: flex;
	align-items: center;
	margin: .3rem 0 0;
	font-size: 13px;
	color: #8a9aa9;
	cursor: default
}

.meta-box .position[data-v-8a071a6a] {
	max-width: 28rem
}

@media (max-width:600px) {
	.meta-box .position[data-v-8a071a6a] {
		max-width: 100px
	}
}

.meta-box .dot[data-v-8a071a6a] {
	margin: 0 .5em
}

.header-menu[data-v-8a071a6a] {
	margin-top: 4px
}

.iconfont[data-v-4503a28c] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-4503a28c]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-4503a28c]:before {
	content: "\e601"
}

.action-box[data-v-4503a28c] {
	display: flex;
	position: relative;
	margin-top: 3px;
	height: 34px;
	border-top: 1px solid #ebebeb
}

@media (max-width:600px) {
	.action-box .action[data-v-4503a28c] {
		flex: 1 1 50%
	}

	.action-box .share-action[data-v-4503a28c] {
		display: none
	}
}

.action[data-v-4503a28c] {
	flex: 1 1 33.333%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 100%;
	cursor: pointer;
	user-select: none
}

.action:hover .action-title-box[data-v-4503a28c] {
	opacity: .8
}

.action[data-v-4503a28c]:not(:last-child):after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -1rem;
	width: 1px;
	height: 2rem;
	background-color: #ebebeb
}

.action.like-action.active .action-title[data-v-4503a28c] {
	color: #37c700
}

@media (max-width:600px) {
	.action[data-v-4503a28c]:nth-child(2):after {
		display: none
	}
}

.action-title-box[data-v-4503a28c] {
	display: flex;
	align-items: center;
	justify-content: center
}

.action-title-box .icon[data-v-4503a28c] {
	width: 18px;
	height: 18px
}

.action-title-box .action-title[data-v-4503a28c] {
	margin-left: 5px;
	font-size: 13px;
	color: #8a93a0
}

.share-panel[data-v-4503a28c] {
	position: absolute;
	top: 100%;
	left: 50%;
	margin: 0 0 0 -5.5rem;
	width: 11rem;
	background-color: #fff;
	border: 1px solid #ebebeb;
	border-radius: 2px;
	z-index: 101
}

.share-panel.top[data-v-4503a28c] {
	top: auto;
	bottom: 100%
}

.share-panel.top[data-v-4503a28c]:after,
.share-panel.top[data-v-4503a28c]:before {
	display: none
}

.share-panel[data-v-4503a28c]:after,
.share-panel[data-v-4503a28c]:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%
}

.share-panel[data-v-4503a28c]:before {
	margin: -7px 0 0 -7px;
	border: 7px solid transparent;
	border-top: none;
	border-bottom: 7px solid #ebebeb
}

.share-panel[data-v-4503a28c]:after {
	margin: -6px 0 0 -6px;
	border: 6px solid transparent;
	border-top: none;
	border-bottom: 6px solid #fff
}

.share-panel .share-item[data-v-4503a28c] {
	padding: .5rem .9rem
}

.share-panel .share-item[data-v-4503a28c]:not(:last-child) {
	border-bottom: 1px solid #ebebeb
}

.share-panel .share-item[data-v-4503a28c]:hover {
	background-color: #fdfdfd
}

.share-panel .share-title-box[data-v-4503a28c] {
	display: flex;
	align-items: center;
	font-size: 1.167rem;
	color: #8a93a0
}

.share-panel .share-title-box .icon[data-v-4503a28c] {
	margin-right: .8rem;
	width: 20px
}

.share-panel .qr-code[data-v-4503a28c] {
	margin: .6rem 0 .8rem;
	height: 8.333rem;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain
}

.iconfont[data-v-b1d04648] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-b1d04648]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-b1d04648]:before {
	content: "\e601"
}

.post-item[data-v-b1d04648] {
	background-color: #fff;
	margin-bottom: 8px;
	border-radius: .2rem
}

.post-item[data-v-b1d04648]:first-of-type {
	margin-top: .67rem;
	border-radius: 0 0 .2rem .2rem
}

.post-header[data-v-b1d04648] {
	position: relative;
	padding: 16px 20px 0
}

.post-header--hasmenu .author-bar[data-v-b1d04648] {
	margin-right: 40px
}

.header-menu[data-v-b1d04648] {
	position: absolute;
	top: 28px;
	right: 20px
}

.post-item-content[data-v-b1d04648] {
	margin-left: 56px;
	padding: 6px 20px 10px
}

.post-link[data-v-b1d04648] {
	display: block
}

.post-item-title h3[data-v-b1d04648],
.post-item-title span[data-v-b1d04648] {
	vertical-align: middle
}

.post-item-title span[data-v-b1d04648] {
	margin-right: 10px;
	padding: 3px 6px;
	display: inline-block;
	font-size: 13px;
	font-weight: 500;
	color: #007fff;
	background-color: #e5f2ff;
	border-radius: 2px
}

.post-item-title h3[data-v-b1d04648] {
	margin: 0;
	display: inline;
	font-size: 17px;
	color: #17181a;
	line-height: 1.5
}

@media (max-width:600px) {
	.post-item-title h3[data-v-b1d04648] {
		font-size: 17px
	}
}

.rich-content[data-v-b1d04648] {
	margin-top: 3px;
	padding: 3px 0;
	display: flex
}

.rich-content .post-item-excerpt[data-v-b1d04648] {
	margin-right: 16px;
	font-size: 15px;
	color: #5c6066;
	line-height: 1.53;
	flex: 1 1 auto
}

.rich-content .post-item-image[data-v-b1d04648] {
	width: 65px;
	height: 65px;
	background-color: #eee;
	border-radius: 2px;
	flex: 0 0 auto
}

.post-item-comment[data-v-b1d04648] {
	position: relative;
	border-top: 1px solid #ebebeb
}

.post-item-comment .triangle-top[data-v-b1d04648] {
	position: absolute;
	top: -8px;
	left: 50%;
	margin: -7px 0 0 -7px
}

.post-item-comment .comment-list-box[data-v-b1d04648] {
	padding-left: 1.333rem;
	background-color: transparent
}

.post-item-comment .fetch-more-comment[data-v-b1d04648] {
	display: block;
	padding: 1.1rem 0;
	font-size: 1.083rem;
	text-align: center;
	color: #406599;
	cursor: pointer;
	user-select: none;
	border-top: 1px solid #ebebeb
}

.post-item-comment .fetch-more-comment[data-v-b1d04648]:hover {
	opacity: .8
}

@media (max-width:980px) {
	.post-item-content[data-v-b1d04648] {
		margin-left: 0
	}
}

.activity-empty[data-v-f057be5c] {
	padding: 20px;
	background-color: #fff;
	border-radius: 0 0 .2rem .2rem;
	height: 117px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	font-weight: 400;
	color: #b2bac2;
	margin-bottom: .67rem
}

.activity-empty .empty-text[data-v-f057be5c] {
	margin-top: 10px
}

.activity-empty .login-button[data-v-f057be5c] {
	margin-top: 14px;
	font-size: 1.166rem;
	color: #027fff;
	width: 6.666rem;
	height: 2.833rem;
	background: transparent;
	border-radius: 2px;
	border: 1px solid #027fff
}

.iconfont[data-v-f709e566] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-f709e566]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-f709e566]:before {
	content: "\e601"
}

.item[data-v-f709e566] {
	display: flex;
	align-items: center
}

.user-item[data-v-f709e566] {
	padding: 1.3rem
}

.user-item .avatar[data-v-f709e566] {
	flex: 0 0 auto;
	margin-right: 1rem;
	width: 4.167rem;
	height: 4.167rem;
	border-radius: 50%
}

.user-item .info-box[data-v-f709e566] {
	flex: 1 1 auto;
	min-width: 0
}

.user-item .info-box .username[data-v-f709e566] {
	font-size: 1.333rem;
	font-weight: 600;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: pre-wrap
}

.user-item .info-box .position[data-v-f709e566] {
	margin-top: .8rem;
	font-size: 1.25rem;
	color: #72777b;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.stat-item[data-v-f709e566] {
	margin-bottom: .8rem;
	padding: 0 1.3rem
}

.stat-item[data-v-f709e566]:last-child {
	margin-bottom: 1.3rem
}

.stat-item .icon[data-v-f709e566] {
	flex: 0 0 auto;
	margin-right: 1rem
}

.stat-item .zan[data-v-f709e566] {
	margin-right: 1rem
}

.stat-item .content[data-v-f709e566] {
	font-size: 1.25rem;
	color: #000
}

.stat-item .content .count[data-v-f709e566] {
	margin: 0 .3em;
	font-weight: 500
}

.banner[data-v-f709e566] {
	display: block;
	height: 48px;
	background-image: url(https://gold-cdn.xitu.io/asset/2018/post-banner.png);
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat
}

.iconfont[data-v-fd659be2] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-fd659be2]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-fd659be2]:before {
	content: "\e601"
}

.catalog-title[data-v-fd659be2] {
	font-size: 1.167rem;
	color: #000
}

.catalog-body[data-v-fd659be2] {
	position: relative;
	margin: 6px 0;
	overflow: hidden
}

.catalog-list[data-v-fd659be2] {
	position: relative
}

.catalog-list[data-v-fd659be2]:before {
	content: "";
	position: absolute;
	top: 0;
	left: 7px;
	bottom: 0;
	width: 2px;
	background-color: #ebedef;
	opacity: .5
}

.catalog-list[data-v-fd659be2] a {
	color: inherit
}

.catalog-list[data-v-fd659be2] .sub-list {
	margin: 0;
	padding: 0
}

.catalog-list[data-v-fd659be2] .item {
	margin: 0;
	padding: 0;
	font-size: 1.167rem;
	font-weight: 400;
	line-height: 1.3;
	color: #333;
	list-style: none
}

.catalog-list[data-v-fd659be2] .item a {
	display: block;
	position: relative;
	padding: 4px 0 4px 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.catalog-list[data-v-fd659be2] .item a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -2px;
	width: 4px;
	height: 4px;
	background-color: currentColor;
	border-radius: 50%
}

.catalog-list[data-v-fd659be2] .item a:hover {
	background-color: #ebedef
}

.catalog-list[data-v-fd659be2] .item.d1 {
	font-weight: 600;
	color: #000
}

.catalog-list[data-v-fd659be2] .item.d1>a {
	margin: 6px 0;
	padding: 4px 0 4px 21px
}

.catalog-list[data-v-fd659be2] .item.d1>a:before {
	left: 5px;
	margin-top: -3px;
	width: 6px;
	height: 6px
}

.catalog-list[data-v-fd659be2] .item.d1:first-child>a {
	margin-top: 0
}

.catalog-list[data-v-fd659be2] .item.d2>a {
	padding-left: 36px
}

.catalog-list[data-v-fd659be2] .item.d2>a:before {
	left: 24px
}

.catalog-list[data-v-fd659be2] .item.d3>a {
	padding-left: 51px
}

.catalog-list[data-v-fd659be2] .item.d3>a:before {
	left: 39px
}

.catalog-list[data-v-fd659be2] .item.active>a {
	color: #007fff;
	background-color: #ebedef
}

.iconfont[data-v-0553ec67] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-0553ec67]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-0553ec67]:before {
	content: "\e601"
}

.sidebar.sticky .sticky-block-box[data-v-0553ec67] {
	position: fixed;
	top: 6.766999999999999rem;
	width: inherit;
	transition: top .2s
}

.sidebar.sticky.top .sticky-block-box[data-v-0553ec67] {
	top: 1.767rem
}

.iconfont[data-v-166486b7] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-166486b7]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-166486b7]:before {
	content: "\e601"
}

.author-info-block[data-v-166486b7] {
	display: flex;
	align-items: center
}

.author-info-block .avatar-link[data-v-166486b7] {
	font-size: 0
}

.author-info-block .avatar[data-v-166486b7] {
	flex: 0 0 auto;
	margin-right: 1rem;
	width: 3.333rem;
	height: 3.333rem;
	border-radius: 50%
}

@media (max-width:600px) {
	.author-info-block .avatar[data-v-166486b7] {
		margin-right: .8rem
	}
}

.author-info-block .author-info-box[data-v-166486b7] {
	min-width: 0;
	flex-grow: 1
}

@media (max-width:600px) {
	.author-info-block .author-info-box[data-v-166486b7] {
		max-width: 18rem
	}
}

.author-info-block .profile-box[data-v-166486b7] {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: baseline;
	font-size: 1.1rem;
	color: #909090
}

@media (max-width:600px) {
	.author-info-block .profile-box[data-v-166486b7] {
		margin-right: .5rem
	}
}

.author-info-block .username[data-v-166486b7] {
	display: inline-block;
	max-width: 100%;
	font-size: 1.3rem;
	margin-right: .5rem;
	font-weight: 700;
	color: #333
}

.author-info-block .position[data-v-166486b7] {
	max-width: 400px
}

.author-info-block .meta-box[data-v-166486b7] {
	font-size: 1.1rem;
	color: #909090
}

@media (max-width:600px) {
	.author-info-block .meta-box[data-v-166486b7] {
		font-size: 1rem
	}
}

.author-info-block .meta-box a.posts[data-v-166486b7]:hover {
	color: #909090
}

@media (max-width:600px) {
	.author-info-block .meta-box .post-count[data-v-166486b7] {
		display: none
	}
}

.iconfont[data-v-15c3fc70] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-15c3fc70]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-15c3fc70]:before {
	content: "\e601"
}

.column-view[data-v-15c3fc70] {
	padding: 0 0 8rem
}

.main-area[data-v-15c3fc70] {
	position: relative;
	width: 700px;
	max-width: 100%;
	background-color: #fff;
	border-radius: 2px;
	box-sizing: border-box
}

.main-area[data-v-15c3fc70]:after {
	display: table;
	content: "";
	clear: both
}

.article-area[data-v-15c3fc70] {
	margin-bottom: 1.5rem;
	padding: 0 2rem
}

.article[data-v-15c3fc70] {
	margin-bottom: 3rem;
	padding: 2rem 0 0
}

.article-placeholder[data-v-15c3fc70] {
	width: 100%
}

.author-info-block[data-v-15c3fc70] {
	display: flex;
	align-items: center;
	margin-bottom: 2rem
}

.author-info-block .avatar-link[data-v-15c3fc70] {
	font-size: 0
}

.author-info-block .avatar[data-v-15c3fc70] {
	flex: 0 0 auto;
	margin-right: 1rem;
	width: 3.333rem;
	height: 3.333rem;
	border-radius: 50%
}

.author-info-block .author-info-box[data-v-15c3fc70] {
	min-width: 0;
	flex-grow: 1
}

.author-info-block .username[data-v-15c3fc70] {
	display: inline-block;
	max-width: 100%;
	font-size: 1.3rem;
	font-weight: 700;
	color: #333
}

.author-info-block .meta-box[data-v-15c3fc70] {
	font-size: 1.1rem;
	color: #909090
}

.author-info-block .time[data-v-15c3fc70] {
	letter-spacing: 1px
}

.author-info-block .views-count[data-v-15c3fc70] {
	margin-left: .5em
}

.author-info-block .dot[data-v-15c3fc70] {
	margin: 0 .5em
}

@media (max-width:600px) {
	.author-info-block .dot[data-v-15c3fc70] {
		margin: 0 .2em
	}
}

@media (max-width:600px) {
	.author-info-block .follow[data-v-15c3fc70] {
		margin-top: 12px
	}
}

.author-info-block .edit-btn[data-v-15c3fc70] {
	color: #1264b6;
	cursor: pointer
}

.author-info-block .edit-btn[data-v-15c3fc70]:hover {
	text-decoration: underline
}

.article-hero[data-v-15c3fc70] {
	margin-bottom: 2rem;
	width: 100%
}

.article-hero[data-v-15c3fc70]:after {
	content: "";
	display: block;
	padding-top: 56.29%;
	width: 100%;
	pointer-events: none
}

.article-title[data-v-15c3fc70] {
	margin: .67em 0;
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.5
}

@media (max-width:600px) {
	.article-title[data-v-15c3fc70] {
		font-size: 2rem
	}
}

.tag-list-box[data-v-15c3fc70] {
	margin-bottom: 2rem
}

.tag-list-box .tag-list-title[data-v-15c3fc70] {
	margin-bottom: 2rem;
	padding: 0 0 0 2rem;
	font-size: 1.25rem;
	font-weight: 600;
	color: #000;
	border-left: 6px solid #ddd
}

.tag-list-box .tag-list[data-v-15c3fc70] {
	display: flex;
	flex-wrap: wrap
}

.tag-list-box .tag-list .item[data-v-15c3fc70] {
	display: flex;
	align-items: center;
	margin: 0 1.25rem 1rem 0;
	padding: .167rem;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 2px
}

.tag-list-box .tag-list .tag-icon[data-v-15c3fc70] {
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 2px
}

@media (max-width:600px) {
	.tag-list-box .tag-list .tag-icon[data-v-15c3fc70] {
		display: none
	}
}

.tag-list-box .tag-list .tag-title[data-v-15c3fc70] {
	padding: 0 .75rem;
	font-size: 1rem;
	line-height: 1.75rem;
	color: #919191
}

.wechat-banner[data-v-15c3fc70] {
	margin-bottom: 2rem
}

@media (min-width:960px) {
	.wechat-banner[data-v-15c3fc70] {
		display: none
	}
}

.book-box[data-v-15c3fc70] {
	margin-bottom: 2rem
}

@media (min-width:960px) {
	.book-box[data-v-15c3fc70] {
		display: none
	}
}

.footer-author-block[data-v-15c3fc70] {
	padding: 15px 17px;
	border-radius: 2px;
	background-color: #f4f5f5;
	margin-bottom: 2rem
}

@media (max-width:600px) {
	.footer-author-block[data-v-15c3fc70] {
		padding: 15px 1rem
	}
}

.article-banner[data-v-15c3fc70] {
	margin-bottom: 2.5rem;
	padding: 0 0 0 2rem;
	border-left: 6px solid #ddd
}

.article-banner .banner-title[data-v-15c3fc70] {
	font-size: 1.3rem;
	line-height: 1.6;
	color: #007fff
}

.article-banner .banner-content[data-v-15c3fc70] {
	margin-top: .2rem;
	font-size: 1.1rem;
	line-height: 1.4;
	color: #909090
}

.comment-box[data-v-15c3fc70] {
	padding: 0 2rem
}

.comment-box.extended[data-v-15c3fc70] {
	padding-bottom: 2rem
}

@media (max-width:600px) {
	.comment-box[data-v-15c3fc70] {
		padding: 0
	}
}

.comment-box .comment-title[data-v-15c3fc70] {
	margin-bottom: 1.3rem;
	font-size: 1.3rem;
	font-weight: 500;
	text-align: center;
	color: #909090
}

.comment-box .comment-form[data-v-15c3fc70] {
	margin-bottom: 1rem
}

.recommended-entry-list-title[data-v-15c3fc70] {
	padding: 1.3rem 2rem;
	font-size: 1.25rem;
	font-weight: 600;
	color: #909090;
	border-bottom: 1px solid rgba(178, 186, 194, .15)
}

.sidebar[data-v-15c3fc70] {
	position: absolute;
	top: 0;
	right: 0;
	width: 20rem
}

.article-suspended-panel[data-v-15c3fc70] {
	position: fixed;
	margin-left: -7rem;
	top: 16rem
}

.action-bar[data-v-15c3fc70] {
	position: fixed;
	z-index: 1;
	bottom: 0;
	width: 100%
}

@media (max-width:960px) {
	.sidebar[data-v-15c3fc70] {
		display: none
	}

	.main-area[data-v-15c3fc70] {
		width: 100%
	}

	.article-area[data-v-15c3fc70] {
		margin-bottom: 0
	}

	.open-in-app[data-v-15c3fc70] {
		bottom: 6rem
	}
}

.border[data-v-15c3fc70] {
	border-bottom: 1px solid rgba(178, 186, 194, .15)
}

.iconfont[data-v-6ae8718a] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-6ae8718a]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-6ae8718a]:before {
	content: "\e601"
}

.collection-list-box[data-v-6ae8718a] {
	margin-right: 21.667rem;
	background-color: #fff
}

.collection-list-box .right .nav-item[data-v-6ae8718a] {
	padding: 0 1.2rem
}

.collection-list-box .right .nav-item[data-v-6ae8718a]:after {
	display: none
}

.collection-list-box .right .nav-item.active a[data-v-6ae8718a] {
	color: #007fff
}

@media (max-width:600px) {
	.collection-list-box[data-v-6ae8718a] {
		width: 100%
	}
}

.drop-down[data-v-bb2e5246] {
	position: relative;
	color: #909097;
	min-width: 4rem
}

.dropdown-toggle[data-v-bb2e5246] {
	min-width: 4.4rem;
	font-size: 1rem;
	border-radius: 2px;
	padding: 2px 10px;
	font-weight: 400;
	border: 1px solid #ebebeb
}

.dropdown-toggle[data-v-bb2e5246]:hover {
	background-color: #fafafb;
	cursor: pointer
}

.dropdown-menu[data-v-bb2e5246] {
	position: absolute;
	top: 105%;
	left: 0;
	z-index: 1000;
	min-width: 6rem;
	font-size: 1rem;
	list-style: none;
	text-align: left;
	border-radius: .17rem;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
	border: 1px solid #ebebeb;
	background-color: #fff
}

.dropdown-menu li[data-v-bb2e5246] {
	overflow: hidden;
	width: 100%
}

.dropdown-menu li a[data-v-bb2e5246] {
	display: block;
	clear: both;
	padding: .83rem;
	line-height: 1.17;
	color: #909097
}

.dropdown-menu li a[data-v-bb2e5246]:hover {
	background-color: #fafafb
}

.icon[data-v-bb2e5246] {
	width: 0;
	height: 0;
	position: absolute;
	right: .83rem;
	top: .7rem;
	border-top: .42rem solid #b2bac2;
	border-left: .42rem solid transparent;
	border-right: .42rem solid transparent;
	transition: all .5s
}

.icon.toggled[data-v-bb2e5246] {
	transform: rotate(-180deg);
	transition: all .5s
}

.icon[data-v-bb2e5246]:hover {
	border-top-width: .45rem;
	border-right-width: .45rem
}

.category-nav[data-v-720c6be7] {
	background-color: #fff;
	display: flex;
	justify-content: space-between
}

.category-nav .list-header[data-v-720c6be7] {
	width: 100%
}

.category-nav .list-header .list-nav[data-v-720c6be7] {
	justify-content: flex-start
}

.category-nav .active[data-v-720c6be7],
.category-nav .list-header .nav-list .nav-item.dropdown a[data-v-720c6be7] {
	color: #007fff
}

.dorp-down-area[data-v-720c6be7] {
	position: relative
}

.dorp-down-area .drop-down[data-v-720c6be7] {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%)
}

@media (max-width:600px) {
	.category-nav .nav-list[data-v-720c6be7] {
		display: none
	}

	.category-nav .more[data-v-720c6be7] {
		display: block
	}
}

@media (max-width:960px) {
	.nav[data-v-38d465ca] {
		display: none
	}
}

.category-popover[data-v-71129351] {
	position: fixed;
	top: 3.75rem;
	left: 2rem;
	padding: 1.17rem 1.17rem .17rem;
	width: 30rem;
	max-height: 16.67rem;
	font-weight: 400;
	line-height: 1.2;
	background-color: #fff;
	border: 1px solid #ebebeb;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .15);
	box-sizing: border-box;
	border-radius: 2px;
	cursor: default;
	z-index: 250
}

.category-popover .tag-list[data-v-71129351] {
	display: flex;
	flex-wrap: wrap
}

.category-popover .tag[data-v-71129351] {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 2rem;
	background-color: #f4f5f5;
	border-radius: 1rem;
	font-size: 1.1rem;
	color: #71777d;
	padding: 0 .83rem;
	margin-right: 1rem;
	margin-bottom: 1rem
}

@media (max-width:600px) {
	.category-popover .tag[data-v-71129351] {
		margin-right: .83rem;
		margin-bottom: .75rem
	}
}

.category-popover .tag[data-v-71129351]:hover {
	color: #007fff
}

.category-popover .tag.active[data-v-71129351] {
	background-color: #007fff;
	color: #fff;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05), 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.category-popover .tag.active>a[data-v-71129351] {
	color: #fff
}

@media (max-width:700px) {
	.category-popover[data-v-71129351] {
		display: none
	}
}

.fade-enter-active[data-v-71129351],
.fade-leave-active[data-v-71129351] {
	transition: opacity .2s
}

.fade-enter[data-v-71129351],
.fade-leave-to[data-v-71129351] {
	opacity: 0
}

.nav-list[data-v-c02705bc] {
	position: relative
}

.nav-list .nav-item.right[data-v-c02705bc] {
	position: absolute;
	top: 0;
	right: 0
}

@media (max-width:960px) {
	.nav-list .nav-item[data-v-c02705bc]:first-child {
		padding-left: 2rem
	}
}

.nav-list .count[data-v-c02705bc] {
	color: #fff;
	display: inline-block;
	padding: 2px 7px;
	line-height: 1.08rem;
	text-align: center;
	font-size: 1rem;
	border-radius: 3rem;
	margin-left: .2rem;
	margin-bottom: 1px;
	background-color: #007fff;
	transform: scale(.833)
}

.nav-list .nav-item.tag[data-v-c02705bc] {
	height: 2rem;
	background-color: #fff;
	border-radius: 1rem;
	font-size: 1.17rem;
	color: #8a9aa9;
	padding: 0 .83rem;
	margin-right: 1rem;
	margin-bottom: 1rem
}

.nav-list .nav-item.tag.active[data-v-c02705bc] {
	background-color: #007fff;
	color: #fff;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05), 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.tag-list[data-v-c02705bc] {
	display: flex;
	flex-wrap: wrap;
	padding-top: 16px;
	height: auto
}

.tag-list.hide[data-v-c02705bc] {
	display: none
}

.fade-enter-active[data-v-c02705bc],
.fade-leave-active[data-v-c02705bc] {
	transition: opacity .5s
}

.fade-enter[data-v-c02705bc],
.fade-leave-to[data-v-c02705bc] {
	opacity: 0
}

@media (max-width:960px) {
	.nav-item.right[data-v-c02705bc] {
		display: none
	}
}

.nav-list[data-v-07b6c4c6] {
	position: relative
}

.nav-list .nav-item.right[data-v-07b6c4c6] {
	position: absolute;
	top: 0;
	right: 0
}

@media (max-width:960px) {
	.nav-list .nav-item[data-v-07b6c4c6]:first-child {
		padding-left: 2rem
	}
}

.nav-list .count[data-v-07b6c4c6] {
	color: #fff;
	display: inline-block;
	padding: 2px 7px;
	line-height: 1.08rem;
	text-align: center;
	font-size: 1rem;
	border-radius: 3rem;
	margin-left: .2rem;
	margin-bottom: 1px;
	background-color: #007fff;
	transform: scale(.833)
}

.nav-list .nav-item.tag[data-v-07b6c4c6] {
	height: 2rem;
	background-color: #fff;
	border-radius: 1rem;
	font-size: 1.17rem;
	color: #8a9aa9;
	padding: 0 .83rem;
	margin-right: 1rem;
	margin-bottom: 1rem
}

.nav-list .nav-item.tag.active[data-v-07b6c4c6] {
	background-color: #007fff;
	color: #fff;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05), 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.tag-list[data-v-07b6c4c6] {
	display: flex;
	flex-wrap: wrap;
	padding-top: 16px;
	height: auto
}

.tag-list.hide[data-v-07b6c4c6] {
	display: none
}

.fade-enter-active[data-v-07b6c4c6],
.fade-leave-active[data-v-07b6c4c6] {
	transition: opacity .5s
}

.fade-enter[data-v-07b6c4c6],
.fade-leave-to[data-v-07b6c4c6] {
	opacity: 0
}

@media (max-width:960px) {
	.nav-item.right[data-v-07b6c4c6] {
		display: none
	}
}

.entry-list-container[data-v-5605bd98] {
	background-color: #fff
}

.list-nav[data-v-5605bd98] {
	justify-content: flex-start
}

.list-nav .nav-list.left .nav-item[data-v-5605bd98] {
	font-size: 1.17rem
}

.list-header .nav-list .nav-item.dropdown a[data-v-5605bd98] {
	color: #007fff
}

.dorp-down-area[data-v-5605bd98] {
	position: relative
}

.dorp-down-area .drop-down[data-v-5605bd98] {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%)
}

.nav-list[data-v-5cca8307] {
	position: relative
}

.nav-list .nav-item.right[data-v-5cca8307] {
	position: absolute;
	top: 0;
	right: 0
}

.nav-list .nav-item[data-v-5cca8307] {
	font-size: 1.25rem
}

.nav-list .nav-item.tag[data-v-5cca8307] {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 2rem;
	background-color: #fff;
	border-radius: 1rem;
	font-size: 1.1rem;
	color: #8a9aa9;
	padding: 0 .83rem;
	margin-right: 1rem;
	margin-bottom: 1rem
}

@media (max-width:600px) {
	.nav-list .nav-item.tag[data-v-5cca8307] {
		margin-right: .83rem;
		margin-bottom: .75rem
	}
}

.nav-list .nav-item.tag.active[data-v-5cca8307] {
	background-color: #007fff;
	color: #fff;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05), 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.nav-list .nav-item.tag.active>a[data-v-5cca8307] {
	color: #fff
}

.nav-list .nav-item.unfold[data-v-5cca8307] {
	padding-right: 2rem
}

.nav-list .nav-item.unfold[data-v-5cca8307]:hover {
	color: #007fff
}

.nav-list .nav-item.unfold[data-v-5cca8307]:hover:after {
	border-top: 5px solid #007fff
}

.nav-list .nav-item.unfold[data-v-5cca8307]:after {
	position: absolute;
	right: 8px;
	bottom: 14%;
	content: "";
	height: 5px;
	width: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #8a9aa9
}

.tag-list[data-v-5cca8307] {
	display: flex;
	flex-wrap: wrap;
	height: auto
}

@media (max-width:960px) {
	.tag-list[data-v-5cca8307] {
		padding-left: 2rem
	}
}

.tag-list.hide[data-v-5cca8307] {
	display: none
}

.fade-enter-active[data-v-5cca8307],
.fade-leave-active[data-v-5cca8307] {
	transition: opacity .5s
}

.fade-enter[data-v-5cca8307],
.fade-leave-to[data-v-5cca8307] {
	opacity: 0
}

@media (max-width:960px) {
	.nav-item.right[data-v-5cca8307] {
		display: none
	}
}

.iconfont[data-v-1f272ce3] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-1f272ce3]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-1f272ce3]:before {
	content: "\e601"
}

.auth-section[data-v-1f272ce3] {
	padding: 1.333rem;
	background-color: #fff
}

.title[data-v-1f272ce3] {
	font-weight: 600
}

.slogan[data-v-1f272ce3],
.title[data-v-1f272ce3] {
	margin-bottom: .5rem;
	font-size: 1.167rem;
	color: #2e3135
}

.ticket[data-v-1f272ce3] {
	font-size: 14px;
	color: #8f969c;
	margin-bottom: 1rem
}

.ticket .highlight[data-v-1f272ce3] {
	margin-left: 5px;
	margin-right: 5px;
	color: #007fff
}

.input-box[data-v-1f272ce3] {
	position: relative;
	margin-bottom: .833rem
}

.input[data-v-1f272ce3] {
	padding: .7rem .6rem;
	width: 100%;
	font-size: 1.167rem;
	background-color: #fbfbfb;
	border: 1px solid #f4f4f4;
	border-radius: 2px;
	outline: none;
	box-sizing: border-box
}

.vcode-box[data-v-1f272ce3] {
	display: flex;
	align-items: center
}

.vcode-box .input[data-v-1f272ce3] {
	flex: 1 1 auto;
	width: auto;
	min-width: 0
}

.vcode-box .vcode-img[data-v-1f272ce3] {
	border: 1px solid #f4f4f4;
	box-sizing: border-box;
	flex-shrink: 0;
	width: 8rem;
	height: 2.9rem;
	margin-left: .4rem
}

.send-vcode-btn[data-v-1f272ce3] {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	font-size: 1.167rem;
	color: #007fff;
	line-height: 1;
	background-color: transparent
}

.send-vcode-btn[data-v-1f272ce3]:disabled {
	color: #909090;
	cursor: default
}

.send-vcode-btn[data-v-1f272ce3]:hover(:not(:disabled)) {
	opacity: .8
}

.submit-btn[data-v-1f272ce3] {
	padding: .7rem 0;
	width: 100%;
	font-size: 1.167rem
}

.submit-btn[data-v-1f272ce3]:disabled {
	background-color: #909090;
	cursor: default
}

.oauth-box[data-v-1f272ce3] {
	margin-top: 1.5rem;
	font-size: 1.167rem;
	line-height: 1.9rem;
	color: #767676
}

.oauth-box .oauth-btn[data-v-1f272ce3] {
	margin-left: 1.2rem;
	height: 1.9rem;
	vertical-align: bottom;
	cursor: pointer
}

.agreement-box[data-v-1f272ce3] {
	margin-top: 1.667rem;
	font-size: 1.167rem;
	line-height: 1.5;
	color: #767676
}

.agreement-box a[data-v-1f272ce3] {
	color: #007fff
}

.iconfont[data-v-513c309d] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-513c309d]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-513c309d]:before {
	content: "\e601"
}

.section[data-v-513c309d] {
	margin-bottom: 18px;
	background-color: #fff
}

.section .header[data-v-513c309d] {
	height: 45px;
	line-height: 45px;
	padding-left: 15px;
	padding-right: 15px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #f6f6f6
}

.section .header .title[data-v-513c309d] {
	font-size: 14px;
	flex-grow: 1;
	padding-right: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tag-link[data-v-3b492587] {
	color: #007fff
}

.tag-list[data-v-3b492587] {
	padding: 15px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap
}

.tag-list .tag[data-v-3b492587] {
	margin-right: 12px;
	margin-bottom: 12px;
	background-color: #f3f6f3;
	cursor: pointer;
	height: 30px;
	color: inherit;
	line-height: 30px;
	padding-left: 22px;
	padding-right: 22px;
	border-radius: 30px
}

.tag-list .tag[data-v-3b492587]:hover {
	color: #fff;
	background-color: #0c0
}

.iconfont[data-v-49813706] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-49813706]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-49813706]:before {
	content: "\e601"
}

.follow-section[data-v-49813706] {
	background-color: transparent;
	text-align: center;
	color: #909090;
	box-shadow: none;
	overflow: visible
}

.follow-section .account-list[data-v-49813706] {
	display: flex;
	justify-content: center;
	margin: 1rem 0
}

.follow-section .account-list .icon[data-v-49813706] {
	width: 24px;
	margin-left: .5rem;
	margin-right: .5rem;
	cursor: pointer
}

.follow-section .account-list .wechat[data-v-49813706] {
	position: relative
}

.follow-section .account-list .wechat:hover .qr-panel[data-v-49813706] {
	opacity: 1;
	transform: rotateY(0deg)
}

.follow-section .account-list .wechat .qr-panel[data-v-49813706] {
	position: absolute;
	background: #fff;
	width: 10rem;
	top: 100%;
	left: 0;
	z-index: 2;
	padding: .8rem 0 0;
	opacity: 0;
	border: 1px solid #ddd;
	transform: rotateY(90deg)
}

.follow-section .account-list .wechat .qr[data-v-49813706] {
	width: 100%
}

.iconfont[data-v-302b6bfd] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-302b6bfd]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-302b6bfd]:before {
	content: "\e601"
}

.more-section[data-v-302b6bfd] {
	background-color: transparent;
	text-align: center;
	color: #909090;
	font-size: 1.1rem;
	box-shadow: none
}

.more-section .more-list[data-v-302b6bfd] {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: .4rem
}

.more-section .more-list .item[data-v-302b6bfd]:not(:last-child):after {
	content: "·";
	margin: 0 .4rem
}

.iconfont[data-v-aff4020a] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-aff4020a]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-aff4020a]:before {
	content: "\e601"
}

.link-section .link-list[data-v-aff4020a] {
	padding: 0
}

.link-section .item[data-v-aff4020a] {
	position: relative
}

.link-section .item[data-v-aff4020a]:hover {
	background-color: hsla(0, 0%, 84.7%, .1)
}

.link-section .link[data-v-aff4020a] {
	display: flex;
	align-items: center;
	padding: 1rem;
	height: 100%
}

.link-section .icon[data-v-aff4020a] {
	width: 3rem;
	margin-right: .8rem
}

.link-section .title[data-v-aff4020a] {
	position: relative;
	font-size: 1.16rem;
	line-height: 1;
	color: #333
}

.iconfont[data-v-0ceea5de] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-0ceea5de]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-0ceea5de]:before {
	content: "\e601"
}

.welcome__side.sticky .sticky-section[data-v-0ceea5de] {
	opacity: 1;
	z-index: 5;
	pointer-events: all
}

.welcome__side .section[data-v-0ceea5de] {
	background-color: #fff;
	border-radius: 2px;
	margin-bottom: 1.5rem;
	overflow: hidden
}

.welcome__side .tag-link[data-v-0ceea5de] {
	color: #007fff
}

.welcome__side .tag-list[data-v-0ceea5de] {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap
}

.welcome__side .tag-list .tag[data-v-0ceea5de] {
	margin-right: 12px;
	margin-bottom: 12px;
	background-color: #f3f6f3;
	cursor: pointer;
	height: 30px;
	line-height: 30px;
	padding-left: 22px;
	padding-right: 22px;
	border-radius: 30px
}

.welcome__side .tag-list .tag[data-v-0ceea5de]:hover {
	color: #fff;
	background-color: #0c0
}

.welcome__side .banner-section[data-v-0ceea5de] {
	height: 200px
}

.welcome__side .sticky-section[data-v-0ceea5de] {
	position: fixed;
	width: 240px;
	top: 80px;
	opacity: 0;
	z-index: -1;
	transition: all .2s;
	pointer-events: none
}

.mobile-bottom-bar[data-v-4ec07d4f] {
	width: 100%;
	height: 4.6rem;
	background-color: #f8f9fa;
	border-top: 1px solid #f1f1f1;
	position: fixed;
	bottom: 0;
	left: 0;
	display: none;
	z-index: 100
}

.mobile-bottom-bar .bar-container[data-v-4ec07d4f] {
	width: 960px;
	height: inherit;
	margin: auto;
	padding: 0 1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box
}

.mobile-bottom-bar .bar-container .left[data-v-4ec07d4f] {
	display: flex;
	align-items: center
}

.mobile-bottom-bar .bar-container .left img[data-v-4ec07d4f] {
	width: 5rem;
	margin-right: .8rem
}

.mobile-bottom-bar .bar-container .left span[data-v-4ec07d4f] {
	font-size: 1.1rem
}

.mobile-bottom-bar .bar-container .button[data-v-4ec07d4f] {
	position: relative;
	white-space: nowrap;
	margin-left: .8rem
}

@media (max-width:600px) {
	.mobile-bottom-bar[data-v-4ec07d4f] {
		display: block
	}

	.mobile-bottom-bar .bar-container[data-v-4ec07d4f] {
		width: 100%
	}
}

.welcome-view .tag-nav[data-v-5ce6a727] {
	width: 100%
}

.welcome-context[data-v-5ce6a727] {
	display: flex;
	align-items: flex-start;
	margin-top: .33rem
}

@media (max-width:600px) {
	.welcome-context[data-v-5ce6a727] {
		margin-top: .27rem
	}
}

.welcome-context .welcome__feed[data-v-5ce6a727] {
	overflow: hidden;
	flex-grow: 1
}

.welcome-context .welcome__side[data-v-5ce6a727] {
	width: 240px;
	min-width: 240px;
	margin-left: 20px
}

.main-container>.view[data-v-5ce6a727] {
	margin-top: 5.17rem
}

@media (max-width:600px) {
	.main-container>.view[data-v-5ce6a727] {
		margin-top: 4.83rem
	}
}

@media (max-width:960px) {
	.welcome__side[data-v-5ce6a727] {
		display: none
	}
}

.fade-enter-active[data-v-5ce6a727] {
	transition: opacity .1s
}

.fade-leave-active[data-v-5ce6a727] {
	transition: opacity .5s
}

.fade-enter[data-v-5ce6a727],
.fade-leave-to[data-v-5ce6a727] {
	opacity: 0
}

.timeline-index-view.verify[data-v-6f9eca7b] {
	margin-top: 1.5rem
}

.timeline-index-view.v2 .list-header[data-v-6f9eca7b] {
	padding-left: 1.3rem;
	padding-right: 1.3rem
}

.aside[data-v-6f9eca7b] {
	position: absolute;
	top: 0;
	right: 0
}

.nav-list[data-v-6f9eca7b] {
	position: relative
}

.nav-list .nav-item.right[data-v-6f9eca7b] {
	position: absolute;
	top: 0;
	right: 0
}

.notification[data-v-6f9eca7b]:before {
	content: "\25CF";
	color: #007fff;
	font-size: 1rem;
	left: 6.25rem;
	position: absolute;
	top: 4px;
	transform: scale(.5)
}

.user-action-nav[data-v-6f9eca7b] {
	margin-right: 21.667rem;
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.timeline-container[data-v-6f9eca7b] {
	margin-top: 0
}

.timeline-content[data-v-6f9eca7b] {
	position: relative;
	margin-top: .33rem
}

@media (max-width:600px) {
	.timeline-content[data-v-6f9eca7b] {
		margin-top: .5rem
	}
}

.timeline-entry-list[data-v-6f9eca7b] {
	margin-right: 21.667rem;
	border-radius: 2px;
	width: 700px
}

.timeline-entry-list .entry-list[data-v-6f9eca7b] {
	background-color: #fff
}

@media (max-width:960px) {
	.nav-item.right[data-v-6f9eca7b] {
		display: none
	}

	.timeline-entry-list[data-v-6f9eca7b] {
		width: 100%
	}
}

.container .view.timeline-index-view[data-v-6f9eca7b] {
	margin-top: 5.17rem
}

.fade-enter-active[data-v-6f9eca7b] {
	transition: opacity .1s
}

.fade-leave-active[data-v-6f9eca7b] {
	transition: opacity .5s
}

.fade-enter[data-v-6f9eca7b],
.fade-leave-to[data-v-6f9eca7b] {
	opacity: 0
}

@font-face {
	font-family: iconfont;
	src: url(https://b-gold-cdn.xitu.io/fonts/iconfont.eot?t=1470110358);
	src: url(https://b-gold-cdn.xitu.io/fonts/iconfont.eot?t=1470110358#iefix) format("embedded-opentype"), url(https://b-gold-cdn.xitu.io/fonts/iconfont.woff?t=1470110358) format("woff"), url(https://b-gold-cdn.xitu.io/fonts/iconfont.ttf?t=1470110358) format("truetype"), url(https://b-gold-cdn.xitu.io/fonts/iconfont.svg?t=1470110358#iconfont) format("svg")
}

.iconfont[data-v-c489824e] {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-c489824e]:before {
	content: "\e600"
}

.icon-xlchatbox[data-v-c489824e]:before {
	content: "\e601"
}

.entry-public-view[data-v-c489824e] {
	position: relative;
	margin-bottom: 6rem
}

.entry-public-view .entry-public-main[data-v-c489824e] {
	position: relative;
	background-color: #fff;
	max-width: 700px;
	padding: 50px 24px;
	box-sizing: border-box
}

.entry-public-view .entry-public-main .thumb--header[data-v-c489824e] {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 240px
}

.entry-public-view .entry-public-main .thumb-placeholder[data-v-c489824e] {
	height: 190px
}

.entry-public-view .entry-public-main .entry-public-info[data-v-c489824e] {
	display: flex;
	align-items: baseline
}

.entry-public-view .entry-public-main .entry-public-info .info-item[data-v-c489824e] {
	margin-right: 1rem
}

.entry-public-view .entry-public-main .banner[data-v-c489824e] {
	display: block;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	padding: 1em;
	font-size: 1.167rem;
	line-height: 1.5;
	color: inherit;
	background-color: #e4f1eb;
	border: 1px solid #dbe4e0;
	border-radius: 4px
}

.entry-public-view .entry-public-main .banner .text[data-v-c489824e] {
	margin-right: .5em
}

.entry-public-view .entry-public-main .banner .link[data-v-c489824e] {
	color: #259
}

.entry-public-view .entry-public-main .originalUrl[data-v-c489824e] {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: .5em
}

.entry-public-view .entry-public-main .originalUrl a[data-v-c489824e] {
	color: #259
}

.entry-public-view .entry-public-main .tag-list[data-v-c489824e] {
	display: flex;
	margin: 2rem auto 3rem;
	flex-wrap: wrap
}

.entry-public-view .entry-public-main .tag-list .item[data-v-c489824e] {
	cursor: pointer;
	margin-right: .6em;
	margin-bottom: .6rem;
	padding: .2em .7em;
	border-radius: 2px;
	border: 1px solid #f1f1f1;
	transition: color .3s, border-color .3s, background-color .3s;
	line-height: 1.5
}

.entry-public-view .entry-public-main .tag-list .item[data-v-c489824e]:hover {
	color: #007fff;
	border-color: rgba(0, 127, 255, .15);
	background-color: rgba(0, 127, 255, .05)
}

.entry-public-view .related-entry-list-box[data-v-c489824e] {
	display: none
}

.entry-public-view .related-entry-list-box .title[data-v-c489824e] {
	text-align: center;
	margin: 1.3rem 0;
	color: #909090;
	font-size: 1.3rem
}

.entry-public-view .related-entry-list-box .related-entry-list[data-v-c489824e] {
	padding: 1.3rem 2.5rem;
	border: 1px solid #f1f1f1;
	border-radius: 2px
}

.entry-public-view .related-entry-list-box .related-entry-list .item[data-v-c489824e] {
	margin-bottom: 1.6rem
}

.entry-public-view .related-entry-list-box .related-entry-list .item[data-v-c489824e]:last-child {
	margin-bottom: 0
}

.entry-public-view .origin-link[data-v-c489824e] {
	display: block;
	margin: 2rem 0;
	padding: 1rem .5rem;
	font-size: 1.3rem;
	line-height: 1;
	text-align: center;
	color: #fff;
	background-color: #007fff;
	border-radius: 3px
}

.entry-public-view .entry-public-aside[data-v-c489824e] {
	position: absolute;
	right: 0;
	top: 0;
	width: 240px
}

.entry-public-view .entry-public-aside .section[data-v-c489824e] {
	background-color: #fff;
	border-radius: 2px;
	overflow: hidden
}

.entry-public-view .entry-public-aside .section[data-v-c489824e]:not(:last-child) {
	margin-bottom: 1.5rem
}

.entry-public-view .comment-box[data-v-c489824e] {
	margin: 0 2rem 6rem
}

.entry-public-view .comment-box .comment-title[data-v-c489824e] {
	margin: 1.3rem 0;
	font-size: 1.3rem;
	font-weight: 500;
	text-align: center;
	color: #909090
}

.entry-public-view .comment-box .comment-list[data-v-c489824e] {
	margin-top: 1rem
}

@media (min-width:960px) {
	.entry-public-view .wechat-banner[data-v-c489824e] {
		display: none
	}
}

@media (max-width:700px) {
	.entry-public-view .entry-public-main .thumb--header[data-v-c489824e] {
		height: 180px
	}

	.entry-public-view .entry-public-main .thumb-placeholder[data-v-c489824e] {
		height: 170px
	}

	.entry-public-view .entry-public-main .related-entry-list-box .title[data-v-c489824e] {
		text-align: left
	}

	.entry-public-view .entry-public-main .related-entry-list-box .related-entry-list[data-v-c489824e] {
		padding: 0;
		border: none
	}

	.entry-public-view .entry-public-main .comment-box[data-v-c489824e] {
		margin: 0 0 6rem
	}

	.entry-public-view .entry-public-main[data-v-c489824e] {
		max-width: 100%;
		padding-top: 12px;
		padding-bottom: 12px
	}
}

@media (max-width:960px) {
	.entry-public-view .entry-public-main[data-v-c489824e] {
		margin: 0 auto
	}

	.entry-public-view .entry-public-main .related-entry-list-box[data-v-c489824e] {
		display: block
	}

	.entry-public-view .entry-public-aside[data-v-c489824e] {
		display: none
	}
}

.sticky .sticky-section[data-v-c489824e] {
	position: fixed;
	top: 87px;
	width: 20rem;
	opacity: 1;
	z-index: 5;
	transition: all .2s
}

.sticky.top .sticky-section[data-v-c489824e] {
	top: 27px
}

.article-suspended-panel[data-v-c489824e] {
	position: fixed;
	margin-left: -85px;
	top: 200px
}

.collection-section[data-v-c489824e] {
	background-color: #fff
}

.collection-section .aside-header[data-v-c489824e] {
	padding: 1rem 1.3rem;
	font-size: 1.16rem;
	color: #333;
	border-bottom: 1px solid hsla(0, 0%, 59.2%, .1)
}

.collection-section .link[data-v-c489824e] {
	display: block;
	padding: 1rem 1.3rem
}

.collection-section .link[data-v-c489824e]:hover {
	background-color: hsla(0, 0%, 84.7%, .1)
}

.collection-section .link .title[data-v-c489824e] {
	display: block;
	font-size: 1.16rem;
	color: #333
}

.collection-section .link .meta[data-v-c489824e] {
	display: block;
	margin-top: .2rem;
	font-size: 1.1rem;
	color: #c2c2c2
}

.entry-detail-view[data-v-72a4bc88] {
	margin-bottom: 2rem
}
